#023047 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This deeply unsaturated navy functions as a robust anchor for professional, high-contrast layouts. Because the hex code #023047 is so dark, white text remains highly legible against it. Designers often use this shade for authoritative backgrounds where black feels too harsh or trendy. Pair it with soft cream or muted gold to cut the coldness and add visual interest to corporate branding.
Questions about #023047
What is #023047 in RGB, HSL and CMYK?
In RGB, #023047 is rgb(2, 48, 71), in HSL hsl(200, 95%, 14%) and in CMYK 97%, 32%, 0%, 72%.
Why is #023047 a good alternative to black for UI design?
#023047 functions as an authoritative background that maintains high readability for white text while offering a softer, more sophisticated presence than pure black. It provides a technical, professional depth that keeps interfaces from appearing flat or overly clinical.
Which color palettes pair most effectively with #023047?
This deep navy works best when balanced by warm, desaturated neutrals like cream or muted metallic gold tones. These pairings cut through the inherent coldness of the blue, adding visual interest without disrupting the professional, high-contrast look.
Is #023047 readable on white or black?
#023047 has a 13.84:1 contrast ratio on white and 1.51: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.