#511556 Color

#511556 is rgb(81, 21, 86) in RGB and hsl(295, 61%, 21%) in HSL. The closest CSS named color is Indigo. White text is most readable on this background.

#511556

HEX#511556

RGBrgb(81, 21, 86)

HSLhsl(295, 61%, 21%)

HSVhsv(295, 76%, 34%)

OKLCHoklch(32.5% 0.123 324.6)

CMYKcmyk(6%, 76%, 0%, 66%)

Text Contrast & Accessibility

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

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

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

Color Harmonies

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

Base#511556 Complementary#1A5615 Analogous#301556 Analogous#56153B Triadic#565115 Triadic#155651

Tints & Shades

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

Tints

#7B2083 #A52BB1 #C542D1 #D36FDC #E19CE7 #EFCAF2

Shades

#49134E #3E1042 #360E39 #2A0B2D #230925 #170619

Use #511556 in Our Tools

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