#406092 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This dusty, muted blue sits between dark and mid-tone, making it a reliable choice for professional UI backgrounds or text-heavy designs. With a 6.4:1 contrast ratio against white text, #406092 offers excellent readability for body copy. Use this hex code as a stable, desaturated foundation that pairs effectively with cream or off-white accents rather than stark whites.
Questions about #406092
What is #406092 in RGB, HSL and CMYK?
In RGB, #406092 is rgb(64, 96, 146), in HSL hsl(217, 39%, 41%) and in CMYK 56%, 34%, 0%, 43%.
What colors pair well with #406092 in a UI design?
#406092 functions best when paired with neutral, warm tones that prevent the design from feeling too cold. Use cream or off-white as primary accents to ensure the blue remains the focus while maintaining a soft, professional, and accessible visual hierarchy.
Is #406092 suitable for body text on a website?
Yes, #406092 provides excellent readability against light backgrounds, boasting a 6.4:1 contrast ratio that meets accessibility standards. It serves as a stable, professional alternative to standard black or dark gray text in interface design projects.
Is #406092 readable on white or black?
#406092 has a 6.35:1 contrast ratio on white and 3.30: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.