#225478 Hex Color

Online color picker to view shades, tints, color codes, and complementary colors

Hex color #225478 graphic
This deep, unsaturated blue feels serious and controlled. Because of its muted, cool temperature, #225478 functions well as a grounding base for professional tech or finance interfaces. It offers enough contrast for white text to remain highly readable, making it a reliable choice for dark mode UI. Avoid using it alongside other muddy tones, as it shines best when paired with crisp, lighter neutrals.

Questions about #225478

What is #225478 in RGB, HSL and CMYK?
In RGB, #225478 is rgb(34, 84, 120), in HSL hsl(205, 56%, 30%) and in CMYK 72%, 30%, 0%, 53%.
Why is #225478 effective for dark mode interfaces?
#225478 works exceptionally well in dark mode interfaces because its deep, unsaturated nature provides a stable, non-vibrating backdrop that maintains high legibility for white or light-gray typography. It minimizes eye strain compared to using pure black or high-saturation blue hues.
What colors pair best with #225478?
Crisp, lighter neutrals like soft gray create the best balance, as they provide high contrast without appearing muddy against the deep, muted base of #225478. Avoid pairing it with low-contrast, earthy tones that might clash with its cool temperature.
Is #225478 readable on white or black?
#225478 has a 8.05:1 contrast ratio on white and 2.60: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.