#00248F Hex Color

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

Hex color #00248f graphic
This deep, saturated blue carries an authoritative weight perfect for corporate branding and serious design projects. It functions best as a dominant base color rather than an accent, providing excellent contrast for white text. Because it is highly pigmented, pair it with muted greys or metallics to avoid visual clashing. The hex code for this shade is #00248f.

Questions about #00248f

What is #00248f in RGB, HSL and CMYK?
In RGB, #00248f is rgb(0, 36, 143), in HSL hsl(225, 100%, 28%) and in CMYK 100%, 75%, 0%, 44%.
Does #00248f work well for UI design?
#00248f functions effectively as a primary brand color but requires careful handling for accessibility. Because of its deep saturation, it offers excellent contrast when paired with crisp white text, though it can overwhelm small interface elements if used too liberally.
What colors pair well with #00248f?
This deep blue balances best against neutral, muted tones that do not compete for visual attention. For a modern, professional look, pair it with soft charcoal or light greys to keep the composition grounded without creating harsh, jarring visual tension.
Is #00248f readable on white or black?
#00248f has a 12.73:1 contrast ratio on white and 1.64: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.