#550165 Color

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

#550165

HEX#550165

RGBrgb(85, 1, 101)

HSLhsl(290, 98%, 20%)

HSVhsv(290, 99%, 40%)

OKLCHoklch(32.8% 0.157 319.8)

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

Text Contrast & Accessibility

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

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

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

Color Harmonies

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

Base#550165 Complementary#126501 Analogous#220165 Analogous#650144 Triadic#655401 Triadic#016554

Tints & Shades

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

Tints

#83029D #B102D4 #D512FD #E04EFD #EA86FE #F4BDFE

Shades

#4C015B #3F014C #370142 #2E0138 #26002D #19001E

Use #550165 in Our Tools

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