#E22718 Color (Hex and RGB)

#E22718

rgb(226 39 24) · reads as red

#e22718 has RGB values (226, 39, 24). The color reads primarily as red in sRGB space.

Color values

FormatValueChannels
HEX#E22718RE2G27B18
RGBrgb(226 39 24)R226G39B24
HSLhsl(4 81% 49%)H4°S81%L49%
OKLCHoklch(59% 0.22 30)L0.59C0.22H30°
HSVhsv(4, 89%, 89%)H4°S89%V89%
CMYKcmyk(0%, 83%, 89%, 11%)C0%M83%Y89%K11%

RGB mix

  • Red226 88.63%
  • Green39 15.29%
  • Blue24 9.41%

Base numbers

BaseRGB
Binary111000100010011100011000
Octal3424730
Decimal2263924
Hexe22718

Shades & tints

Shades mix #E22718 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

#E22718 on #FFFFFF

4.63:1

AA ✓AAA ✕AA Large ✓AAA Large ✓

Aa

#E22718 on #000000

4.54:1

AA ✓AAA ✕AA Large ✓AAA Large ✓

Aa

#FFFFFF on #E22718

4.63:1

AA ✓AAA ✕AA Large ✓AAA Large ✓

Aa

#000000 on #E22718

4.54:1

AA ✓AAA ✕AA Large ✓AAA Large ✓

Code snippets

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

Brands that use this color 1

↑