#EA5AED Color

#EA5AED is rgb(234, 90, 237) in RGB and hsl(299, 80%, 64%) in HSL. The closest CSS named color is Orchid. Black text is most readable on this background.

#EA5AED

HEX#EA5AED

RGBrgb(234, 90, 237)

HSLhsl(299, 80%, 64%)

HSVhsv(299, 62%, 93%)

OKLCHoklch(70.7% 0.242 326.9)

CMYKcmyk(1%, 62%, 0%, 7%)

Text Contrast & Accessibility

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

TextWhite text2.92:1AA normal ✗AA large ✗AAA normal ✗

TextBlack text7.18:1AA normal ✓AA large ✓AAA normal ✓

Color Harmonies

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

Base#EA5AED Complementary#5CED5A Analogous#A15AED Analogous#ED5AA6 Triadic#EDEA5A Triadic#5AEDEA

Tints & Shades

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

Tints

#ED71EF #F088F2 #F39FF4 #F5B1F6 #F8C8F9 #FBDFFB

Shades

#E530E8 #D518D8 #AC13AE #880F8A #5F0B60 #3B073C

Use #EA5AED in Our Tools

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