#531669 Color

#531669 is rgb(83, 22, 105) in RGB and hsl(284, 65%, 25%) in HSL. The closest CSS named color is Indigo. White text is most readable on this background.

#531669

HEX#531669

RGBrgb(83, 22, 105)

HSLhsl(284, 65%, 25%)

HSVhsv(284, 79%, 41%)

OKLCHoklch(34.3% 0.141 315.2)

CMYKcmyk(21%, 79%, 0%, 59%)

Text Contrast & Accessibility

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

TextWhite text12.45:1AA normal ✓AA large ✓AAA normal ✓

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

Color Harmonies

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

Base#531669 Complementary#2C6916 Analogous#2A1669 Analogous#691656 Triadic#695316 Triadic#166953

Tints & Shades

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

Tints

#741F93 #9929C2 #B146D8 #C474E2 #D69EEA #EACDF4

Shades

#49145D #3F1150 #350E43 #2B0C37 #21092A #17061D

Use #531669 in Our Tools

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