#530561 Color

#530561 is rgb(83, 5, 97) in RGB and hsl(291, 90%, 20%) in HSL. The closest CSS named color is Indigo. White text is most readable on this background.

#530561

HEX#530561

RGBrgb(83, 5, 97)

HSLhsl(291, 90%, 20%)

HSVhsv(291, 95%, 38%)

OKLCHoklch(32.4% 0.149 320.4)

CMYKcmyk(14%, 95%, 0%, 62%)

Text Contrast & Accessibility

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

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

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

Color Harmonies

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

Base#530561 Complementary#136105 Analogous#250561 Analogous#610541 Triadic#615305 Triadic#056153

Tints & Shades

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

Tints

#810896 #AF0BCB #D31BF3 #DE55F6 #E88BF9 #F3C0FC

Shades

#4B0557 #3E0449 #36033F #2E0335 #25022C #19021D

Use #530561 in Our Tools

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