#511877 Color

#511877 is rgb(81, 24, 119) in RGB and hsl(276, 66%, 28%) in HSL. The closest CSS named color is Indigo. White text is most readable on this background.

#511877
HEX#511877
RGBrgb(81, 24, 119)
HSLhsl(276, 66%, 28%)
HSVhsv(276, 80%, 47%)
OKLCHoklch(35.4% 0.152 307.4)
CMYKcmyk(32%, 80%, 0%, 53%)

Text Contrast & Accessibility

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

TextWhite text12.02:1AA normal ✓AA large ✓AAA normal ✓
TextBlack text1.75:1AA normal ✗AA large ✗AAA normal ✗

Color Harmonies

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

Base#511877Complementary#3E7718Analogous#221877Analogous#77186DTriadic#775118Triadic#187751

Tints & Shades

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

Use #511877 in Our Tools

Hex to RGBHex to HSLHex to CMYKHex to PantoneRGBA to Hex