#5B1966 Color

#5B1966 is rgb(91, 25, 102) in RGB and hsl(291, 61%, 25%) in HSL. The closest CSS named color is Indigo. White text is most readable on this background.

#5B1966

HEX#5B1966

RGBrgb(91, 25, 102)

HSLhsl(291, 61%, 25%)

HSVhsv(291, 75%, 40%)

OKLCHoklch(35.6% 0.138 321.6)

CMYKcmyk(11%, 75%, 0%, 60%)

Text Contrast & Accessibility

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

TextWhite text11.83:1AA normal ✓AA large ✓AAA normal ✓

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

Color Harmonies

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

Base#5B1966 Complementary#256719 Analogous#341967 Analogous#67194B Triadic#675B19 Triadic#19675B

Tints & Shades

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

Tints

#7F2390 #A72EBD #BF4AD3 #CF78DE #DDA1E8 #EDCEF3

Shades

#50165A #45134E #3A1042 #2F0D35 #240A29 #19071D

Use #5B1966 in Our Tools

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