#22587B Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
Dark, muted blue with a faint green undertone. The hex code #22587b reads serious and steady, which suits finance dashboards and dark UI backgrounds. Its low saturation keeps it calm rather than bold. White text hits about 7.6:1 contrast, so small body text stays readable on it. Use it as a dominant base, but pair it with burgundy or muted gold to avoid a flat, corporate feel.
Questions about #22587b
What is #22587b in RGB, HSL and CMYK?
In RGB, #22587b is rgb(34, 88, 123), in HSL hsl(204, 57%, 31%) and in CMYK 72%, 28%, 0%, 52%. Browse more shades of blue with names and hex codes.
What text color works best on a #22587b background?
White text works best on #22587b, with a contrast ratio of about 7.6:1. That clears the WCAG AA requirement of 4.5:1 for small body text, so the color is safe for detailed UI surfaces.
What colors pair well with #22587b?
Try burgundy for a rich, traditional palette or muted gold for warmth without losing the serious tone. Both read better than the obvious white-and-navy pairing, which can feel flat.
Is #22587b readable on white or black?
#22587b has a 7.63:1 contrast ratio on white and 2.74: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.