#666672 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This ashy, dusty violet sits firmly in the mid-tone range, trading saturation for a composed, grey-leaning character. #666672 serves best as a supporting neutral rather than a dominant background, as it can appear flat in large applications. It pairs effectively with crisp, warm whites for UI text contrast. Use this hex code to anchor designs where you need structure without the harshness of black.
Questions about #666672
What is #666672 in RGB, HSL and CMYK?
In RGB, #666672 is rgb(102, 102, 114), in HSL hsl(240, 6%, 42%) and in CMYK 11%, 11%, 0%, 55%.
How should I use #666672 in interface design?
#666672 functions best as a sophisticated, readable text color when paired against high-key, warm whites or very light greys. It offers enough depth for body copy while maintaining a softer, less aggressive presence than pure black or dark charcoal.
Does #666672 read as warm or cool?
This color sits on the cool side of the spectrum due to its violet base, but the significant grey desaturation makes it feel temperate and grounded. It avoids the neon intensity of a pure purple, landing instead on a balanced, professional, and slightly muted violet tone.
Is #666672 readable on white or black?
#666672 has a 5.66:1 contrast ratio on white and 3.70: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.