#20345E Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This muted, dusty navy functions as a reliable anchor for corporate UI and professional branding. Because it is highly unsaturated and cool, #20345e reads as serious and stable rather than bright. It offers excellent contrast for white text, though it can appear muddy if paired with other dark, desaturated tones. Use it as a base color alongside crisp, warm metallics to avoid a flat look.
Questions about #20345e
What is #20345e in RGB, HSL and CMYK?
In RGB, #20345e is rgb(32, 52, 94), in HSL hsl(221, 49%, 25%) and in CMYK 66%, 45%, 0%, 63%.
What colors pair best with #20345e for professional designs?
Because #20345e is a cool, desaturated navy, it works exceptionally well alongside crisp metallics like gold or silver to create a sophisticated, high-contrast look. Avoid pairing it with other dark, muddy tones, which can make your interface design feel flat or cluttered.
Is #20345e readable on white or black?
#20345e has a 12.25:1 contrast ratio on white and 1.71: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.