#406366 Hex Color

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

Hex color #406366 graphic
#406366 is a muted, dusty teal that acts as a grounded, professional background tone. Its low saturation keeps UI designs calm rather than loud. Because it maintains a 6.6:1 contrast ratio against white text, the hex code #406366 is a reliable choice for readable body copy. This shade functions best as a stable anchor in tech interfaces where you need to maintain clarity without overwhelming the user.

Questions about #406366

What is #406366 in RGB, HSL and CMYK?
In RGB, #406366 is rgb(64, 99, 102), in HSL hsl(185, 23%, 33%) and in CMYK 37%, 3%, 0%, 60%.
Is #406366 considered a warm or cool color?
#406366 leans distinctly cool due to its strong blue and green undertones, which create a grounded, reserved presence. This makes it an ideal anchor for UI elements that require a stable, non-distracting background compared to warmer, more energetic tones.
What colors pair best with #406366 for web interfaces?
#406366 works best when paired with warm neutrals like cream or sand to balance its cool intensity. Using a crisp off-white for text also ensures it remains readable while keeping the design palette clean and modern.
Is #406366 readable on white or black?
#406366 has a 6.57:1 contrast ratio on white and 3.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.