#243A73 Hex Color

Online color picker to view shades, tints, color codes, and complementary colors

Hex color #243a73 graphic
This deep, unsaturated navy is a composed choice for professional branding and UI backgrounds. It offers enough contrast to support white text comfortably while maintaining a somber, stable presence. Because #243a73 leans toward a dusty, matte finish, it pairs better with muted off-whites than with stark, bright white. The hex code for this cool, reliable blue is #243a73.

Questions about #243a73

What is #243a73 in RGB, HSL and CMYK?
In RGB, #243a73 is rgb(36, 58, 115), in HSL hsl(223, 52%, 30%) and in CMYK 69%, 50%, 0%, 55%.
What colors pair well with #243a73?
#243a73 works best with muted off-whites and soft grays rather than stark, bright whites which can create too much visual tension. For a sophisticated palette, try pairing this deep navy with sage or a dusty terracotta to add warmth.
How should I use #243a73 in UI design?
#243a73 functions excellently as a background color for professional interfaces that require a calm, stable presence. Because it is a dark, unsaturated blue, it offers strong contrast for white or light-toned text elements without straining the user's eyes.
Is #243a73 readable on white or black?
#243a73 has a 10.89:1 contrast ratio on white and 1.92: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.