#878DFC Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This bright periwinkle demands attention, making it a sharp choice for UI highlights. Because of its intensity, it works best as a secondary accent rather than a full background. Pair it with dark neutrals to balance the saturation. If you need help tempering this hue, studying what colors make gray is useful. The hex code is #878dfc, which provides excellent contrast for black text.
Questions about #878dfc
What is #878dfc in RGB, HSL and CMYK?
In RGB, #878dfc is rgb(135, 141, 252), in HSL hsl(237, 95%, 76%) and in CMYK 46%, 44%, 0%, 1%.
How can I effectively use #878dfc in a UI design?
#878dfc works best as a focused accent for buttons, icons, or notification badges rather than large backgrounds. Because of its intense, high-energy saturation, it commands attention and functions well when paired with dark, grounding neutrals like charcoal or deep navy to prevent eye strain.
Is #878dfc a warm or cool color?
This color sits on the cool side of the spectrum, leaning into blue-violet territory. Its vibrancy gives it a crisp, modern character, so it avoids the muddy look of warmer purples while providing enough depth to remain legible against light surfaces.
Is #878dfc readable on white or black?
#878dfc has a 2.89:1 contrast ratio on white and 7.24:1 on black. WCAG asks for 4.5:1 for body text and 3:1 for large text, so on white it is too faint for text and on black it works for body text. Try other pairs in the contrast checker.