#5B6ECD Color

#5B6ECD is rgb(91, 110, 205) in RGB and hsl(230, 53%, 58%) in HSL. The closest CSS named color is SlateBlue. White text is most readable on this background.

#5B6ECD

HEX#5B6ECD

RGBrgb(91, 110, 205)

HSLhsl(230, 53%, 58%)

HSVhsv(230, 56%, 80%)

OKLCHoklch(57% 0.147 272.4)

CMYKcmyk(56%, 46%, 0%, 20%)

Text Contrast & Accessibility

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

TextWhite text4.61:1AA normal ✓AA large ✓AAA normal ✗

TextBlack text4.56:1AA normal ✓AA large ✓AAA normal ✗

Color Harmonies

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

Base#5B6ECD Complementary#CDBA5B Analogous#5BA7CD Analogous#815BCD Triadic#CD5B6E Triadic#6ECD5B

Tints & Shades

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

Tints

#7383D4 #8694DA #9DA9E1 #B5BDE8 #CCD2EF #E0E3F5

Shades

#3C52C3 #3447A8 #2A3A89 #202D69 #171F4A #0E142F

Use #5B6ECD in Our Tools

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