#874E96 Hex Color

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

Select a Color

This unsaturated, cool violet carries a muted, serious tone. Because it lacks intense chroma, #874e96 works best as a supporting tone or secondary accent rather than a dominant background color. It pairs effectively with pale cream or soft, warm neutrals to balance its inherent coolness. White text remains readable against this hex code, ensuring accessibility for web and UI design projects.

Questions about #874e96

What is #874e96 in RGB, HSL and CMYK?

In RGB, #874e96 is rgb(135, 78, 150), in HSL hsl(288, 32%, 45%) and in CMYK 10%, 48%, 0%, 41%.

How can #874e96 be used effectively in UI design?

#874e96 works best as a secondary accent or a supporting element rather than a main background because of its muted chroma. It creates a professional feel when paired with soft cream or light beige neutrals that balance its cool violet undertones.

Is #874e96 readable on white or black?

#874e96 has a 5.89:1 contrast ratio on white and 3.56:1 on black. WCAG asks for 4.5:1 for body text and 3:1 for large text, so on white it works for body text and on black it works only for large text (24px, or 18.5px bold). Try other pairs in the contrast checker.

#874E96 Hex Color

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

Questions about #874e96

Color tools

Resources