#417970 Hex Color

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

Hex color #417970 graphic
This ashy, dusty teal carries a muted, cool temperature that feels precise and professional. Because it lacks high saturation, #417970 works best as a supporting tone rather than a dominant background color. It pairs effectively with warm, sandy beiges or soft creams to balance its cool undertones. Since it maintains good contrast, white text remains readable when placed over this hex code in UI layouts.

Questions about #417970

What is #417970 in RGB, HSL and CMYK?
In RGB, #417970 is rgb(65, 121, 112), in HSL hsl(170, 30%, 36%) and in CMYK 46%, 0%, 7%, 53%.
What colors complement #417970?
Because #417970 is a muted, cool-toned ashy teal, it functions best when contrasted against warm, earthy neutrals. Try pairing it with soft sand or cream tones to balance its natural coolness without overwhelming your design's overall readability.
Is #417970 suitable for text?
Yes, #417970 provides sufficient contrast for white text, making it a reliable choice for UI backgrounds or accents. Its low saturation ensures that while the color remains visible, it does not distract from the primary content you need to highlight.
Is #417970 readable on white or black?
#417970 has a 5.00:1 contrast ratio on white and 4.19: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.