#4E2163 Color

#4E2163 is rgb(78, 33, 99) in RGB and hsl(281, 50%, 26%) in HSL. The closest CSS named color is Indigo. White text is most readable on this background.

#4E2163

HEX#4E2163

RGBrgb(78, 33, 99)

HSLhsl(281, 50%, 26%)

HSVhsv(281, 67%, 39%)

OKLCHoklch(34.5% 0.117 313.4)

CMYKcmyk(21%, 67%, 0%, 61%)

Text Contrast & Accessibility

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

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

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

Color Harmonies

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

Base#4E2163 Complementary#366321 Analogous#2D2163 Analogous#632157 Triadic#634E21 Triadic#21634E

Tints & Shades

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

Tints

#6D2E8A #8E3CB4 #A55BC8 #BA81D5 #CFA7E2 #E6D1F0

Shades

#451D58 #3C194D #331641 #271132 #1E0D26 #15091B

Use #4E2163 in Our Tools

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