#6C6AA3 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This dusty, unsaturated indigo carries a cool, matte quality that feels grounded rather than vivid. Because it lacks high chroma, #6c6aa3 serves as an effective, subtle background color that avoids the harshness of pure purple. It maintains enough contrast to keep white text legible, making it a reliable choice for UI elements. Pair it with soft charcoals or muted creams to keep your interface feeling cohesive.
Questions about #6c6aa3
What is #6c6aa3 in RGB, HSL and CMYK?
In RGB, #6c6aa3 is rgb(108, 106, 163), in HSL hsl(242, 24%, 53%) and in CMYK 34%, 35%, 0%, 36%.
How should I use #6c6aa3 in UI design?
#6c6aa3 works best as a primary interface color or a subtle background tone because its low saturation prevents eye strain. It pairs beautifully with charcoal for text or soft, neutral creams to maintain a professional, cohesive look without feeling overwhelming.
Does #6c6aa3 feel like a warm or cool color?
#6c6aa3 is firmly a cool color due to its strong blue and violet undertones. Because it is desaturated and dusty, it lacks the aggressive vibrancy of a standard royal blue, resulting in a grounded, matte appearance that feels calm and restrained.
Is #6c6aa3 readable on white or black?
#6c6aa3 has a 4.96:1 contrast ratio on white and 4.22: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.