#232D42 Hex Color
A serious and grounded dark navy
This dark, muted navy carries a serious and grounded weight. Because it is highly unsaturated, #232d42 works exceptionally well as a stable, professional backdrop for data-heavy dashboards or legal websites. It offers strong accessibility for white text, so use it as a primary UI container rather than a subtle accent. Pair it with soft, warm metallics like brushed gold for a sophisticated contrast.
Questions about #232d42
What is #232d42 in RGB, HSL and CMYK?
In RGB, #232d42 is rgb(35, 45, 66), in HSL hsl(221, 31%, 20%) and in CMYK 47%, 32%, 0%, 74%.
What design elements pair best with #232d42?
Because #232d42 acts as a stable, dark neutral, it pairs beautifully with high-contrast, warm metallics like brushed gold or soft, muted creams. You can also ground it further by layering it against crisp, bright whites to ensure maximum readability in professional interfaces.
Is #232d42 suitable for large blocks of text?
Using #232d42 for large text blocks is generally discouraged because its darkness rivals standard black, potentially straining the eyes over long periods. Instead, reserve this deep, unsaturated navy for primary UI containers, navigation headers, or bold accent elements where it provides a grounding, professional weight.
Is #232d42 readable on white or black?
#232d42 has a 13.76:1 contrast ratio on white and 1.52: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.