#552461 Color

#552461 is rgb(85, 36, 97) in RGB and hsl(288, 46%, 26%) in HSL. The closest CSS named color is Indigo. White text is most readable on this background.

#552461

HEX#552461

RGBrgb(85, 36, 97)

HSLhsl(288, 46%, 26%)

HSVhsv(288, 63%, 38%)

OKLCHoklch(35.8% 0.113 319.3)

CMYKcmyk(12%, 63%, 0%, 62%)

Text Contrast & Accessibility

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

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

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

Color Harmonies

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

Base#552461 Complementary#306124 Analogous#362461 Analogous#61244E Triadic#615524 Triadic#246155

Tints & Shades

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

Tints

#753286 #9941AF #B05FC4 #C284D2 #D5A9DF #E9D2EE

Shades

#4B2056 #411C4A #37173F #2A1230 #210E25 #170A1A

Use #552461 in Our Tools

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