#E48A86 Color

#E48A86 is rgb(228, 138, 134) in RGB and hsl(3, 64%, 71%) in HSL. The closest CSS named color is LightCoral. Black text is most readable on this background.

#E48A86

HEX#E48A86

RGBrgb(228, 138, 134)

HSLhsl(3, 64%, 71%)

HSVhsv(3, 41%, 89%)

OKLCHoklch(72.7% 0.111 22.9)

CMYKcmyk(0%, 39%, 41%, 11%)

Text Contrast & Accessibility

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

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

TextBlack text8.28:1AA normal ✓AA large ✓AAA normal ✓

Color Harmonies

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

Base#E48A86 Complementary#86E0E4 Analogous#E486B0 Analogous#E4BA86 Triadic#86E48A Triadic#8A86E4

Tints & Shades

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

Tints

#E89B96 #ECABA7 #EFBBB8 #F2C7C4 #F6D7D5 #F9E7E6

Shades

#DB625C #D33E36 #B02D27 #8A241E #601915 #3B0F0D

Use #E48A86 in Our Tools

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