#E42421 Color

#E42421 is rgb(228, 36, 33) in RGB and hsl(1, 78%, 51%) in HSL. The closest CSS named color is Crimson. White text is most readable on this background.

#E42421

HEX#E42421

RGBrgb(228, 36, 33)

HSLhsl(1, 78%, 51%)

HSVhsv(1, 86%, 89%)

OKLCHoklch(59% 0.224 28.1)

CMYKcmyk(0%, 84%, 86%, 11%)

Text Contrast & Accessibility

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

TextWhite text4.59:1AA normal ✓AA large ✓AAA normal ✗

TextBlack text4.57:1AA normal ✓AA large ✓AAA normal ✗

Color Harmonies

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

Base#E42421 Complementary#21E0E4 Analogous#E4217F Analogous#E48521 Triadic#21E424 Triadic#2421E4

Tints & Shades

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

Tints

#E74340 #EB5E5C #EF7D7B #F39D9B #F7BCBB #FAD7D6

Shades

#C81C19 #AC1815 #8D1311 #6D0F0D #4D0B0A #320706

Use #E42421 in Our Tools

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