#584BB9 Color

#584BB9 is rgb(88, 75, 185) in RGB and hsl(247, 44%, 51%) in HSL. The closest CSS named color is SlateBlue. White text is most readable on this background.

#584BB9

HEX#584BB9

RGBrgb(88, 75, 185)

HSLhsl(247, 44%, 51%)

HSVhsv(247, 59%, 73%)

OKLCHoklch(48.8% 0.167 283.7)

CMYKcmyk(52%, 59%, 0%, 27%)

Text Contrast & Accessibility

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

TextWhite text6.73:1AA normal ✓AA large ✓AAA normal ✗

TextBlack text3.12:1AA normal ✗AA large ✓AAA normal ✗

Color Harmonies

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

Base#584BB9 Complementary#ACB94B Analogous#4B75B9 Analogous#8F4BB9 Triadic#B9584B Triadic#4BB958

Tints & Shades

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

Tints

#7065C3 #847BCC #9C95D6 #B4AEE0 #CCC8EA #E0DEF2

Shades

#4A3FA2 #40368C #342C72 #292258 #1D183E #131028

Use #584BB9 in Our Tools

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