#225E9C Hex Color

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

Hex color #225e9c graphic
This mid-tone blue carries a serious, professional weight due to its lower saturation and cool temperature. Because of its reliable contrast, #225e9c works effectively as a dominant base for corporate tech or financial interfaces. It supports white text legibly at small sizes, though it can appear slightly flat on its own. Pair it with crisp coral or soft cream to balance its naturally gloomy mood.

Questions about #225e9c

What is #225e9c in RGB, HSL and CMYK?
In RGB, #225e9c is rgb(34, 94, 156), in HSL hsl(210, 64%, 37%) and in CMYK 78%, 40%, 0%, 39%. Browse more shades of blue with names and hex codes.
What colors pair well with #225e9c for design projects?
#225e9c benefits from balancing its cool, serious nature with warmer, high-energy accents. Pair this blue with a crisp coral to add immediate visual interest or use a soft cream to soften the overall interface feel without losing professional readability.
Is #225e9c readable on white or black?
#225e9c has a 6.66:1 contrast ratio on white and 3.14: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 works only for large text (24px, or 18.5px bold). Try other pairs in the contrast checker.