#215987 Color

#215987 is rgb(33, 89, 135) in RGB and hsl(207, 61%, 33%) in HSL. The closest CSS named color is DarkSlateBlue. White text is most readable on this background.

#215987

HEX#215987

RGBrgb(33, 89, 135)

HSLhsl(207, 61%, 33%)

HSVhsv(207, 76%, 53%)

OKLCHoklch(45% 0.095 246.9)

CMYKcmyk(76%, 34%, 0%, 47%)

Text Contrast & Accessibility

WCAG contrast ratios for text on a #215987 background. AA requires 4.5:1 for normal text and 3:1 for large text; AAA requires 7:1.

TextWhite text7.39:1AA normal ✓AA large ✓AAA normal ✓

TextBlack text2.84:1AA normal ✗AA large ✗AAA normal ✗

Color Harmonies

Colors that pair well with #215987 based on color wheel relationships. Click any swatch for its full breakdown.

Base#215987 Complementary#874F21 Analogous#218782 Analogous#212687 Triadic#872159 Triadic#598721

Tints & Shades

Lighter tints and darker shades of #215987, useful for hover states, backgrounds, and text variants.

Tints

#2A72AC #3A8CCF #5FA2D8 #84B7E1 #A9CDEA #D2E5F4

Shades

#1D4E77 #194467 #153956 #102B42 #0C2031 #081621

Use #215987 in Our Tools

Hex to RGB Hex to HSL Hex to CMYK Hex to Pantone RGBA to Hex