#EA5048 Color

#EA5048 is rgb(234, 80, 72) in RGB and hsl(3, 79%, 60%) in HSL. The closest CSS named color is Tomato. Black text is most readable on this background.

#EA5048

HEX#EA5048

RGBrgb(234, 80, 72)

HSLhsl(3, 79%, 60%)

HSVhsv(3, 69%, 92%)

OKLCHoklch(64.1% 0.191 26.9)

CMYKcmyk(0%, 66%, 69%, 8%)

Text Contrast & Accessibility

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

TextWhite text3.66:1AA normal ✗AA large ✓AAA normal ✗

TextBlack text5.74:1AA normal ✓AA large ✓AAA normal ✗

Color Harmonies

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

Base#EA5048 Complementary#48E2EA Analogous#EA4891 Analogous#EAA148 Triadic#48EA50 Triadic#5048EA

Tints & Shades

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

Tints

#EC665F #EF807B #F29691 #F5B0AD #F8C6C4 #FBE0DF

Shades

#E52E24 #C92018 #A41B13 #80150F #5B0F0B #370906

Use #EA5048 in Our Tools

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