#E41F35 Color (Hex and RGB)

#E41F35

rgb(228 31 53) · reads as red

#e41f35 has RGB values (228, 31, 53). The color reads primarily as red in sRGB space.

Color values

FormatValueChannels
HEX#E41F35RE4G1FB35
RGBrgb(228 31 53)R228G31B53
HSLhsl(353 78% 51%)H353°S78%L51%
OKLCHoklch(59% 0.22 23)L0.59C0.22H23°
HSVhsv(353, 86%, 89%)H353°S86%V89%
CMYKcmyk(0%, 86%, 77%, 11%)C0%M86%Y77%K11%

RGB mix

  • Red228 89.41%
  • Green31 12.16%
  • Blue53 20.78%

Base numbers

BaseRGB
Binary111001000001111100110101
Octal3443765
Decimal2283153
Hexe41f35

Shades & tints

Shades mix #E41F35 with black; tints mix it with white. Click any swatch to explore it.

Shades

Tints

Color harmonies

Complementary

Opposite on the color wheel — maximum contrast.

Analogous

Neighbors 30° either side — calm and cohesive.

Triadic

Three hues spaced 120° apart — vibrant balance.

Monochromatic

Same hue and saturation, different lightness.

Similar brand colors

The closest colors from our brand palettes, measured in OKLab.

Contrast & accessibility

WCAG 2.1 contrast against white and black. Test other pairs in the contrast checker.

Aa

#E41F35 on #FFFFFF

4.62:1

AA ✓AAA ✕AA Large ✓AAA Large ✓

Aa

#E41F35 on #000000

4.55:1

AA ✓AAA ✕AA Large ✓AAA Large ✓

Aa

#FFFFFF on #E41F35

4.62:1

AA ✓AAA ✕AA Large ✓AAA Large ✓

Aa

#000000 on #E41F35

4.55:1

AA ✓AAA ✕AA Large ✓AAA Large ✓

Code snippets

  • CSScolor: #e41f35;
  • Backgroundbackground-color: #e41f35;
  • CSS variable--color-e41f35: #e41f35;
  • Modern CSScolor: oklch(59% 0.22 23);
  • SCSS$color-e41f35: #e41f35;
  • Tailwindbg-[#e41f35] text-[#e41f35]
  • HTML<div style="background-color: #e41f35"></div>

Brands that use this color 1

↑