#225187 Hex Color

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

Hex color #225187 graphic
#225187 is a dark, muted blue with a steady, serious feel. Its low saturation keeps it from shouting, which is why this hex code shows up in finance, security, and government branding. It works best as a dominant background in dark interfaces, where white text passes AA at about 8.1:1 contrast. Pair it with muted gold or burgundy to keep the palette from going flat.

Questions about #225187

What is #225187 in RGB, HSL and CMYK?
In RGB, #225187 is rgb(34, 81, 135), in HSL hsl(212, 60%, 33%) and in CMYK 75%, 40%, 0%, 47%.
What colors pair well with #225187?
Muted gold, burgundy, and warm sand all read well against #225187 because they add warmth to its cool base. Skip bright oranges and neon tones, since they clash with its low saturation.
Is #225187 readable on white or black?
#225187 has a 8.09:1 contrast ratio on white and 2.59: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.