#54188C Color

#54188C is rgb(84, 24, 140) in RGB and hsl(271, 71%, 32%) in HSL. The closest CSS named color is Indigo. White text is most readable on this background.

#54188C
HEX#54188C
RGBrgb(84, 24, 140)
HSLhsl(271, 71%, 32%)
HSVhsv(271, 83%, 55%)
OKLCHoklch(37.6% 0.174 301.5)
CMYKcmyk(40%, 83%, 0%, 45%)

Text Contrast & Accessibility

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

TextWhite text11.13:1AA normal ✓AA large ✓AAA normal ✓
TextBlack text1.89:1AA normal ✗AA large ✗AAA normal ✗

Color Harmonies

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

Base#54188CComplementary#508C18Analogous#1A188CAnalogous#8C188ATriadic#8C5418Triadic#188C54

Tints & Shades

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

Use #54188C in Our Tools

Hex to RGBHex to HSLHex to CMYKHex to PantoneRGBA to Hex