#456E65 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This dusty, matte teal reads as an understated neutral rather than a primary color. Because it is highly unsaturated, #456e65 works best as a supporting background element for wellness or healthcare interfaces. It pairs effectively with warm off-whites, which help clarify its ashy undertones. Use it to provide balance in your palette, but avoid overusing it in large text blocks where it might lose legibility.
Questions about #456e65
What is #456e65 in RGB, HSL and CMYK?
In RGB, #456e65 is rgb(69, 110, 101), in HSL hsl(167, 23%, 35%) and in CMYK 37%, 0%, 8%, 57%.
What colors pair best with #456e65?
Because #456e65 is a desaturated, dusty teal, it pairs most effectively with warm off-whites or creamy beiges to provide balance. For higher contrast designs, try using charcoal for text to anchor the muted, earthy quality of the hue.
Is #456e65 suitable for text usage?
Avoid using #456e65 for large blocks of small body text, as its high level of desaturation can reduce legibility. It performs significantly better when used as a background element or for large, bold UI accents that require a calming, matte aesthetic.
Is #456e65 readable on white or black?
#456e65 has a 5.71:1 contrast ratio on white and 3.67: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.