#878FAC Hex Color

Online color picker to view shades, tints, color codes, and complementary colors

Hex color #878fac graphic
This dusty, desaturated indigo leans heavily into gray, creating a muted tone that feels grounded and structured. Because it is so restrained, #878fac serves as an excellent neutral base for sophisticated branding or web interfaces. It pairs particularly well with warm cream or soft terra-cotta tones to prevent it from feeling too cold. Black text remains highly readable against this hex code, ensuring good accessibility for body copy.

Questions about #878fac

What is #878fac in RGB, HSL and CMYK?
In RGB, #878fac is rgb(135, 143, 172), in HSL hsl(227, 18%, 60%) and in CMYK 22%, 17%, 0%, 33%. Browse more shades of blue with names and hex codes.
What colors pair well with #878fac?
#878fac thrives when balanced against warm, organic tones to counteract its inherent coolness, which keeps designs from feeling detached. Pair it with cream or terra-cotta to build a sophisticated, harmonious palette that prevents this gray-leaning indigo from feeling too clinical or distant.
Can I use #878fac for text and interface elements?
It is an excellent choice for UI design because it offers enough depth to stand as a professional accent without overwhelming the layout, while maintaining strong visual hierarchy. Black text maintains high readability against this specific hex code, ensuring good accessibility for your digital projects.
Is #878fac readable on white or black?
#878fac has a 3.20:1 contrast ratio on white and 6.55: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.