#666A75 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This dusty, ashy blue carries a heavy, grey undertone that feels professional and secure. Designers often use #666a75 for fintech or government UI, as it grounds a composition without the intensity of primary blue. It serves well as a mid-tone background. White text sits comfortably against this hex code, maintaining a 5.4:1 contrast ratio for easy readability.
Questions about #666a75
What is #666a75 in RGB, HSL and CMYK?
In RGB, #666a75 is rgb(102, 106, 117), in HSL hsl(224, 7%, 43%) and in CMYK 13%, 9%, 0%, 54%.
What colors pair well with #666a75?
#666a75 works best when anchored by neutral tones or crisp whites. It looks sophisticated alongside charcoal for high-contrast text, or you can pair it with a muted terracotta to introduce a subtle, balanced warmth without disrupting the professional aesthetic.
Does #666a75 read as a warm or cool color?
#666a75 is distinctly cool-toned due to its heavy blue base. However, the significant grey desaturation softens that chill, making it feel less icy than a pure navy and more approachable for long-form UI backgrounds or secondary brand elements.
Is #666a75 readable on white or black?
#666a75 has a 5.40:1 contrast ratio on white and 3.88: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.