#4E2574 Color

#4E2574 is rgb(78, 37, 116) in RGB and hsl(271, 52%, 30%) in HSL. The closest CSS named color is DarkSlateBlue. White text is most readable on this background.

#4E2574

HEX#4E2574

RGBrgb(78, 37, 116)

HSLhsl(271, 52%, 30%)

HSVhsv(271, 68%, 45%)

OKLCHoklch(36.3% 0.131 304.5)

CMYKcmyk(33%, 68%, 0%, 55%)

Text Contrast & Accessibility

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

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

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

Color Harmonies

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

Base#4E2574 Complementary#4B7425 Analogous#262574 Analogous#742573 Triadic#744E25 Triadic#25744E

Tints & Shades

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

Tints

#68319B #7F3CBE #9860CD #B187D9 #CAAEE5 #E1D0F0

Shades

#432065 #3C1C59 #31174A #27123A #1D0D2B #150A1F

Use #4E2574 in Our Tools

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