#500F71 Color

#500F71 is rgb(80, 15, 113) in RGB and hsl(280, 77%, 25%) in HSL. The closest CSS named color is Indigo. White text is most readable on this background.

#500F71

HEX#500F71

RGBrgb(80, 15, 113)

HSLhsl(280, 77%, 25%)

HSVhsv(280, 87%, 44%)

OKLCHoklch(33.9% 0.155 310.3)

CMYKcmyk(29%, 87%, 0%, 56%)

Text Contrast & Accessibility

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

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

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

Color Harmonies

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

Base#500F71 Complementary#2F710F Analogous#1F0F71 Analogous#710F60 Triadic#71500F Triadic#0F7150

Tints & Shades

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

Tints

#70159E #931BD0 #AC38E5 #C06AEC #D397F2 #E8C9F8

Shades

#460D63 #3D0B56 #330948 #2A083B #20062D #160420

Use #500F71 in Our Tools

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