#501679 Color

#501679 is rgb(80, 22, 121) in RGB and hsl(275, 69%, 28%) in HSL. The closest CSS named color is Indigo. White text is most readable on this background.

#501679

HEX#501679

RGBrgb(80, 22, 121)

HSLhsl(275, 69%, 28%)

HSVhsv(275, 82%, 47%)

OKLCHoklch(35.2% 0.156 306.2)

CMYKcmyk(34%, 82%, 0%, 53%)

Text Contrast & Accessibility

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

TextWhite text12.13:1AA normal ✓AA large ✓AAA normal ✓

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

Color Harmonies

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

Base#501679 Complementary#3F7916 Analogous#1E1679 Analogous#791670 Triadic#795016 Triadic#167950

Tints & Shades

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

Tints

#6C1EA4 #8826CF #A04ADE #B775E6 #CDA0EE #E4CBF6

Shades

#47146C #3C115A #330E4E #280B3C #1F092F #14061E

Use #501679 in Our Tools

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