#24388C Hex Color

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

Hex color #24388c graphic
This deep, saturated blue provides a solid foundation for professional interfaces and corporate branding. Because it sits on the darker side of the spectrum, it maintains excellent readability with white text, offering a strong 10.4:1 contrast ratio. Designers often use #24388c as a dominant base color to signal stability and authority. Pair it with soft cream or pale gray to keep your layouts from feeling too heavy.

Questions about #24388c

What is #24388c in RGB, HSL and CMYK?
In RGB, #24388c is rgb(36, 56, 140), in HSL hsl(228, 59%, 35%) and in CMYK 74%, 60%, 0%, 45%.
What colors pair best with #24388c for balanced web designs?
This deep blue works best when balanced against softer, neutral tones to prevent the layout from feeling too heavy or claustrophobic. Pair it with a warm cream or a crisp, pale gray to create a sophisticated and readable visual hierarchy.
Is #24388c readable on white or black?
#24388c has a 10.39:1 contrast ratio on white and 2.01: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.