#234482 Hex Color

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

Hex color #234482 graphic
This dark, cool blue carries a sense of authority and professional stability. Because it holds such significant weight, #234482 works best as a primary branding color or a bold UI background rather than fine details. It pairs surprisingly well with crisp coral or soft cream accents. The hex code for this deep navy is #234482, which provides excellent contrast against white text for accessible readability.

Questions about #234482

What is #234482 in RGB, HSL and CMYK?
In RGB, #234482 is rgb(35, 68, 130), in HSL hsl(219, 58%, 32%) and in CMYK 73%, 48%, 0%, 49%.
Which color combinations work best with #234482?
This deep navy anchors designs beautifully when paired with warm, high-contrast accents like coral or soft cream. Because #234482 is so saturated, these lighter shades prevent the overall composition from feeling too heavy or cold on the screen.
Is #234482 effective for text on websites?
This shade is an excellent choice for headers or bold UI elements because it maintains high contrast against white or light backgrounds. While it reads clearly, avoid using #234482 for fine body text, as its deep, heavy tone can cause readability issues at smaller sizes.
Is #234482 readable on white or black?
#234482 has a 9.45:1 contrast ratio on white and 2.22: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.