#02228D Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
#02228d is a saturated, authoritative navy that commands attention without being aggressive. Because it is quite dark, the color works best as a solid background or a dominant primary anchor in corporate UI layouts. It pairs cleanly with white text, which creates enough contrast for accessible readability. The hex code for this deep blue is #02228d.
Questions about #02228d
What is #02228d in RGB, HSL and CMYK?
In RGB, #02228d is rgb(2, 34, 141), in HSL hsl(226, 97%, 28%) and in CMYK 99%, 76%, 0%, 45%.
Does #02228d work well for website text?
Using #02228d as body text is not recommended because the color is too dark and lacks sufficient contrast against standard white or off-white backgrounds, causing readability issues. Reserve this deep navy for solid background blocks or dominant primary UI elements where white text can be layered on top.
What colors pair well with #02228d?
This deep navy anchors layouts effectively when paired with crisp white or very light gray to maintain high contrast. For accent colors, it balances well with vibrant pops like bright yellow or orange, which cut through the density of the blue.
Is #02228d readable on white or black?
#02228d has a 12.99:1 contrast ratio on white and 1.61: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.