#222F7A Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
Dark and moderately saturated, #222f7a carries a cool indigo undertone that feels serious, stable, and slightly mysterious. Use this hex code as a dominant background for finance, technology, government, or night-themed interfaces, pairing it with soft white or muted burgundy. White text remains highly legible, while small accents prevent large layouts from feeling heavy.
Questions about #222f7a
What is #222f7a in RGB, HSL and CMYK?
In RGB, #222f7a is rgb(34, 47, 122), in HSL hsl(231, 56%, 31%) and in CMYK 72%, 61%, 0%, 52%.
What colors pair well with #222f7a?
#222f7a pairs well with white, pale blue-gray, and soft lavender for a cool, composed palette, while muted burgundy adds a restrained warm contrast without overpowering the deep indigo in small accents.
Is #222f7a a warm or cool color?
#222f7a reads as cool because its dark blue base carries a clear indigo undertone, giving the shade a serious, stable mood with a slightly mysterious edge that works especially well in focused or low-light interfaces.
What is #222f7a good for?
#222f7a suits finance, technology, government, and night-themed interfaces where a stable, formal background is useful, while small warm or light accents can balance its visual weight across large layouts and surfaces.
Is #222f7a readable on white or black?
#222f7a has a 11.96:1 contrast ratio on white and 1.75: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.