#501D77 Color

#501D77 is rgb(80, 29, 119) in RGB and hsl(274, 61%, 29%) in HSL. The closest CSS named color is Indigo. White text is most readable on this background.

#501D77

HEX#501D77

RGBrgb(80, 29, 119)

HSLhsl(274, 61%, 29%)

HSVhsv(274, 76%, 47%)

OKLCHoklch(35.8% 0.146 306.1)

CMYKcmyk(33%, 76%, 0%, 53%)

Text Contrast & Accessibility

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

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

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

Color Harmonies

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

Base#501D77 Complementary#44771D Analogous#231D77 Analogous#771D71 Triadic#77501D Triadic#1D7750

Tints & Shades

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

Tints

#6C27A0 #8731C9 #9F57D6 #B47CDF #CBA5E9 #E3CEF3

Shades

#451967 #3D165A #32124A #290F3E #1E0B2D #160821

Use #501D77 in Our Tools

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