#215E56 Hex Color

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

Hex color #215e56 graphic
This dusty teal creates a moody, serious atmosphere perfect for professional UI backgrounds. Because it is highly unsaturated, it provides a stable anchor that supports lighter accent colors well. The hex code for this shade is #215e56. It offers excellent contrast for white text, ensuring readability in small copy. If you are learning mixing green, notice how this tone leans toward a shaded, cooling depth.

Questions about #215e56

What is #215e56 in RGB, HSL and CMYK?
In RGB, #215e56 is rgb(33, 94, 86), in HSL hsl(172, 48%, 25%) and in CMYK 65%, 0%, 9%, 63%.
What design styles work best with #215e56?
The muted nature of #215e56 makes it ideal for professional UI backgrounds or serious brand identities that require stability. It reads as a cool, balanced teal that provides excellent contrast for white text, ensuring your small copy remains readable and distinct.
Does #215e56 lean more green or blue?
This shade sits firmly in the teal family, leaning toward a cooling, shaded green that lacks bright saturation. It functions like a neutral, making it much more versatile for screen-based design than a standard vibrant green or a deep, pure blue.
Is #215e56 readable on white or black?
#215e56 has a 7.49:1 contrast ratio on white and 2.80: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 is too faint for text. Try other pairs in the contrast checker.