Misty Blue

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

Misty Blue color codes graphic
Misty Blue is a bleached, desaturated cyan with a strong grey undertone. This muted quality makes it an excellent choice for minimal UI backgrounds where you need to avoid harshness. Pair it with charcoal or deep navy for a sophisticated, high-contrast look. Because black text remains highly legible against this shade, the hex code #b4c4c3 works well for clean, airy editorial layouts.

Questions about Misty Blue

What is the hex code for Misty Blue?
Misty Blue is #b4c4c3. In RGB that is rgb(180, 196, 195), in HSL hsl(176, 12%, 74%) and in CMYK 8%, 0%, 1%, 23%.
What colors pair best with Misty Blue #b4c4c3?
This shade works best when paired with high-contrast, dark neutrals to anchor its soft presence. Using charcoal or deep navy provides a sophisticated, modern look that balances the lightness of the cyan undertones while maintaining excellent legibility for text.
Is Misty Blue readable on white or black?
Misty Blue has a 1.80:1 contrast ratio on white and 11.62:1 on black. WCAG asks for 4.5:1 for body text and 3:1 for large text, so on white it is too faint for text and on black it works for body text. Try other pairs in the contrast checker.