#530165 Color

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

#530165

HEX#530165

RGBrgb(83, 1, 101)

HSLhsl(289, 98%, 20%)

HSVhsv(289, 99%, 40%)

OKLCHoklch(32.5% 0.156 318.6)

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

Text Contrast & Accessibility

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

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

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

Color Harmonies

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

Base#530165 Complementary#136501 Analogous#210165 Analogous#650145 Triadic#655301 Triadic#016553

Tints & Shades

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

Tints

#80029D #AE02D4 #D212FD #DD4EFD #E886FE #F2BDFE

Shades

#4A015B #3E014C #360142 #2D0138 #25002D #19001E

Use #530165 in Our Tools

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