#224375 Hex Color
A professional and reliable muted navy
This cool, muted navy functions as a sturdy, reliable base for corporate or professional interfaces. Because it is dark and unsaturated, #224375 provides excellent contrast for white text, meeting accessibility standards with ease. It performs best as a large background area rather than a small accent. Pair it with soft cream or muted metallics to avoid a harsh, clinical appearance in your UI designs.
Questions about #224375
What is #224375 in RGB, HSL and CMYK?
In RGB, #224375 is rgb(34, 67, 117), in HSL hsl(216, 55%, 30%) and in CMYK 71%, 43%, 0%, 54%.
Why is #224375 a good choice for professional user interfaces?
#224375 provides a stable, dark foundation that offers excellent contrast against white text, making it highly readable for long-form content or navigation bars. Its muted saturation prevents the harsh, artificial look that highly vibrant blues can sometimes create in digital workspaces.
What colors pair well with #224375 in a design scheme?
This deep navy works best when balanced by soft neutrals like cream or light grays, which soften its corporate severity. For a sophisticated accent, try pairing it with muted metallics like champagne gold or a desaturated bronze to add depth without overwhelming the background.
Is #224375 readable on white or black?
#224375 has a 9.86:1 contrast ratio on white and 2.12: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.