#02223C Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This desaturated, ink-like navy functions best as a dark background for professional web interfaces. Because it is so dark, white text creates an excellent contrast of 16.2:1 for readability. Use #02223c alongside soft grays or copper accents to prevent the design from looking muddy. This hex code provides a stable, serious anchor for corporate branding and modern dark mode applications.
Questions about #02223c
What is #02223c in RGB, HSL and CMYK?
In RGB, #02223c is rgb(2, 34, 60), in HSL hsl(207, 94%, 12%) and in CMYK 97%, 43%, 0%, 76%. Browse more shades of blue with names and hex codes.
What accent colors pair best with #02223c?
Pair #02223c with soft grays or metallic copper accents to elevate the mood and prevent the design from appearing muddy. These neutral and warm tones provide the necessary visual balance to soften this dense, ink-like navy hue.
Is #02223c readable on white or black?
#02223c has a 16.19:1 contrast ratio on white and 1.29: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.