#500165 Color

#500165 is rgb(80, 1, 101) in RGB and hsl(287, 98%, 20%) in HSL. The closest CSS named color is Indigo. White text is most readable on this background.

#500165

HEX#500165

RGBrgb(80, 1, 101)

HSLhsl(287, 98%, 20%)

HSVhsv(287, 99%, 40%)

OKLCHoklch(32% 0.155 316.8)

CMYKcmyk(21%, 99%, 0%, 60%)

Text Contrast & Accessibility

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

TextWhite text13.7:1AA normal ✓AA large ✓AAA normal ✓

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

Color Harmonies

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

Base#500165 Complementary#176501 Analogous#1D0165 Analogous#650149 Triadic#654F01 Triadic#01654F

Tints & Shades

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

Tints

#7B029D #A702D4 #CA12FD #D74EFD #E486FE #F0BDFE

Shades

#47015B #3B014C #340142 #2C0138 #24002D #18001E

Use #500165 in Our Tools

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