#580585 Color

#580585 is rgb(88, 5, 133) in RGB and hsl(279, 93%, 27%) in HSL. The closest CSS named color is Indigo. White text is most readable on this background.

#580585

HEX#580585

RGBrgb(88, 5, 133)

HSLhsl(279, 93%, 27%)

HSVhsv(279, 96%, 52%)

OKLCHoklch(36.3% 0.182 307.5)

CMYKcmyk(34%, 96%, 0%, 48%)

Text Contrast & Accessibility

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

TextWhite text11.83:1AA normal ✓AA large ✓AAA normal ✓

TextBlack text1.78:1AA normal ✗AA large ✗AAA normal ✗

Color Harmonies

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

Base#580585 Complementary#328505 Analogous#180585 Analogous#850572 Triadic#855805 Triadic#058558

Tints & Shades

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

Tints

#7907B6 #9908E7 #B02BF7 #C462F9 #D793FB #E9C4FD

Shades

#4E0476 #410462 #370354 #2E0245 #240236 #170122

Use #580585 in Our Tools

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