#024393 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This saturated blue commands attention with its high chroma and serious, authoritative weight. Because it lacks gray undertones, #024393 avoids the muddy look of common navies. It functions best as a dominant brand color for professional or technical interfaces. White text offers excellent 9.4:1 contrast against it, ensuring readability for both small body type and large, bold headings.
Questions about #024393
What is #024393 in RGB, HSL and CMYK?
In RGB, #024393 is rgb(2, 67, 147), in HSL hsl(213, 97%, 29%) and in CMYK 99%, 54%, 0%, 42%.
Does #024393 work well for text in digital interfaces?
#024393 provides excellent contrast against white backgrounds, making it a reliable choice for accessible body text and bold headers. It maintains professional readability without the visual fatigue often caused by lighter or more muted blue tones in interface design.
What colors pair well with #024393 in a professional layout?
Pair #024393 with a clean off-white or a very light gray for maximum impact, as this combination creates a crisp, technical aesthetic. For a more sophisticated palette, accenting it with a sharp charcoal or deep neutral helps ground the high saturation of this blue.
Is #024393 readable on white or black?
#024393 has a 9.43:1 contrast ratio on white and 2.22: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.