#04336B Hex Color

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

Hex color #04336b graphic
#04336b is a dark, muted blue with cool undertones and a serious, shadowed character. Its low lightness suggests authority, security, and trust, making it effective for finance, technology, government, and corporate branding. Use the hex code #04336b as a dominant background with white text, which meets WCAG AA contrast requirements for body copy.

Questions about #04336b

What is #04336b in RGB, HSL and CMYK?
In RGB, #04336b is rgb(4, 51, 107), in HSL hsl(213, 93%, 22%) and in CMYK 96%, 52%, 0%, 58%.
What colors pair well with #04336b?
#04336b pairs well with white for crisp contrast, cool gray for a restrained interface, and muted orange for a controlled complementary accent; pale blue can also soften its dark, authoritative appearance without removing its cool character.
Does #04336b work with white text?
Yes, #04336b has strong contrast with white text and meets WCAG AA for normal body copy, making it suitable for dark interface backgrounds, navigation, headings, and readable content when applied without transparency.
Is #04336b warm or cool?
#04336b reads as a cool color because its blue hue and low lightness create a shadowed, reserved impression. It communicates trust, security, and authority more readily than warmth, making it a strong choice for formal or technical visual systems.
Is #04336b readable on white or black?
#04336b has a 12.41:1 contrast ratio on white and 1.69: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.