#222F5E Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
Navy at its most muted. #222f5e is a dim, inky blue with barely any saturation, so it works best as a dominant base or dark UI background rather than a small accent. It reads serious and steady, which suits finance, corporate, and formal design work. White text hits about 12.8:1 contrast on top, well past WCAG AA for body copy. It looks richer next to burgundy than the usual camel or gray.
Questions about #222f5e
What is #222f5e in RGB, HSL and CMYK?
In RGB, #222f5e is rgb(34, 47, 94), in HSL hsl(227, 47%, 25%) and in CMYK 64%, 50%, 0%, 63%.
What colors pair well with #222f5e?
#222f5e flatters burgundy and muted brass far more than camel or gray. A dusty rose accent also lifts its cool undertone without brightening the palette too much.
Is #222f5e readable on white or black?
#222f5e has a 12.83:1 contrast ratio on white and 1.63: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.