#6C5F91 Hex Color

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

Hex color #6c5f91 graphic
This muted, dusty violet feels serious and grounded. With its desaturated, ashy quality, #6c5f91 works well as a supporting tone in moody UI designs or branding palettes. It pairs effectively with soft creams or warm grays to avoid appearing too dim. Because it offers good contrast with white text, it remains readable even when used for smaller UI elements. The hex code for this color is #6c5f91.

Questions about #6c5f91

What is #6c5f91 in RGB, HSL and CMYK?
In RGB, #6c5f91 is rgb(108, 95, 145), in HSL hsl(256, 21%, 47%) and in CMYK 26%, 34%, 0%, 43%.
Which colors pair effectively with #6c5f91?
#6c5f91 works beautifully alongside soft, warm neutrals like cream or light beige to balance its cool, ashy nature. For a more sophisticated contrast, try pairing it with deep charcoal or soft slate grays to emphasize the muted, grounded character of this violet.
Is #6c5f91 suitable for text in UI design?
#6c5f91 maintains good contrast against white backgrounds, making it a reliable choice for smaller UI elements or secondary headings. Always verify your specific font weight and size against a white background to ensure you meet WCAG accessibility standards for readability.
Is #6c5f91 readable on white or black?
#6c5f91 has a 5.70:1 contrast ratio on white and 3.68: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.