#541D77 Color

#541D77 is rgb(84, 29, 119) in RGB and hsl(277, 61%, 29%) in HSL. The closest CSS named color is Indigo. White text is most readable on this background.

#541D77

HEX#541D77

RGBrgb(84, 29, 119)

HSLhsl(277, 61%, 29%)

HSVhsv(277, 76%, 47%)

OKLCHoklch(36.3% 0.147 308.6)

CMYKcmyk(29%, 76%, 0%, 53%)

Text Contrast & Accessibility

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

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

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

Color Harmonies

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

Base#541D77 Complementary#3F771D Analogous#271D77 Analogous#771D6D Triadic#77541D Triadic#1D7754

Tints & Shades

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

Tints

#7227A0 #8F31C9 #A557D6 #B97CDF #CFA5E9 #E5CEF3

Shades

#491967 #40165A #34124A #2C0F3E #200B2D #170821

Use #541D77 in Our Tools

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