#551480 Color

#551480 is rgb(85, 20, 128) in RGB and hsl(276, 73%, 29%) in HSL. The closest CSS named color is Indigo. White text is most readable on this background.

#551480

HEX#551480

RGBrgb(85, 20, 128)

HSLhsl(276, 73%, 29%)

HSVhsv(276, 84%, 50%)

OKLCHoklch(36.3% 0.166 306.7)

CMYKcmyk(34%, 84%, 0%, 50%)

Text Contrast & Accessibility

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

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

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

Color Harmonies

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

Base#551480 Complementary#3F8014 Analogous#1F1480 Analogous#801475 Triadic#805514 Triadic#148055

Tints & Shades

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

Tints

#721BAC #8F22D8 #A64AE3 #B972E9 #CF9EF0 #E5CAF7

Shades

#49116E #400F61 #350C4F #2C0A42 #200831 #170623

Use #551480 in Our Tools

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