#877DF0 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
#877df0 is a saturated, electric shade of violet with a high-energy intensity. Because it commands attention, this hex code excels as a punchy accent color in UI design, though it can overwhelm if used as a large background. It pairs exceptionally well with muted earth tones, which provides a neutral balance when you are mixing gray into your palette.
Questions about #877df0
What is #877df0 in RGB, HSL and CMYK?
In RGB, #877df0 is rgb(135, 125, 240), in HSL hsl(245, 79%, 72%) and in CMYK 44%, 48%, 0%, 6%.
What colors pair best with #877df0?
#877df0 thrives when contrasted against muted, neutral tones because its high-energy intensity can easily overwhelm a composition. Try pairing it with a desaturated charcoal or a soft, sandy beige to anchor the vibrancy without losing that modern, high-contrast pop.
Is #877df0 suitable for large-scale UI backgrounds?
Using #877df0 as a large background is generally risky because the high-energy saturation can cause eye strain and overpower your text legibility. Instead, reserve this electric violet for interactive elements like buttons, toggle switches, or call-to-action highlights to effectively guide the user.
Is #877df0 readable on white or black?
#877df0 has a 3.37:1 contrast ratio on white and 6.22:1 on black. WCAG asks for 4.5:1 for body text and 3:1 for large text, so on white it works only for large text (24px, or 18.5px bold) and on black it works for body text. Try other pairs in the contrast checker.