#254A74 Hex Color

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

Hex color #254a74 graphic
Dark, unsaturated, and professional, #254a74 serves as a steady anchor for corporate branding and serious UI design. This cool blue feels grounded and reliable, lacking the intensity of bright primary colors. While it leans towards traditional navy, it possesses a dusty quality similar to what you might see when mixing gray into a palette. It provides enough contrast to make white text perfectly legible for body copy.

Questions about #254a74

What is #254a74 in RGB, HSL and CMYK?
In RGB, #254a74 is rgb(37, 74, 116), in HSL hsl(212, 52%, 30%) and in CMYK 68%, 36%, 0%, 55%.
How does #254a74 function in UI design?
#254a74 acts as a dependable anchor for professional interfaces, providing enough contrast to make white text perfectly legible for body copy. Its unsaturated nature prevents eye strain, making it ideal for long-form content or corporate branding layouts.
Which colors pair well with #254a74?
This dusty navy pairs best with warm neutrals like cream or soft beige to balance its cool, professional temperature. For a higher contrast look, it works effectively against clean white backgrounds or bright, muted yellows.
Is #254a74 readable on white or black?
#254a74 has a 9.08:1 contrast ratio on white and 2.31: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.