#666A91 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This dusty indigo leans into a cool, ashy aesthetic that feels intentionally restrained. Because #666a91 is so unsaturated, it works effectively as a backdrop for cleaner, lighter colors without overwhelming the interface. White text pops reliably against this dim shade, making it a strong candidate for UI backgrounds. Use it sparingly, as its muted character can quickly lose clarity in smaller font sizes.
Questions about #666a91
What is #666a91 in RGB, HSL and CMYK?
In RGB, #666a91 is rgb(102, 106, 145), in HSL hsl(234, 17%, 48%) and in CMYK 30%, 27%, 0%, 43%.
How does #666a91 perform as a user interface background?
#666a91 works effectively as a subtle background because it is highly desaturated, preventing it from overwhelming the user interface. It provides enough depth to make white text pop comfortably against it while maintaining a restrained and professional aesthetic for modern web applications.
What colors pair well with #666a91 for a balanced palette?
Is #666a91 readable on white or black?
#666a91 has a 5.20:1 contrast ratio on white and 4.03: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.