#E21737 Color (Hex and RGB)
#E21737
#e21737 has RGB values (226, 23, 55). The color reads primarily as red in sRGB space.
Color values
| Format | Value | Channels | Copy |
|---|---|---|---|
| HEX | #E21737 | RE2G17B37 | |
| RGB | rgb(226 23 55) | R226G23B55 | |
| HSL | hsl(351 82% 49%) | H351°S82%L49% | |
| OKLCH | oklch(58% 0.23 22) | L0.58C0.23H22° | |
| HSV | hsv(351, 90%, 89%) | H351°S90%V89% | |
| CMYK | cmyk(0%, 90%, 76%, 11%) | C0%M90%Y76%K11% |
RGB mix
Base numbers
| Base | R | G | B |
|---|---|---|---|
| Binary | 11100010 | 00010111 | 00110111 |
| Octal | 342 | 27 | 67 |
| Decimal | 226 | 23 | 55 |
| Hex | e2 | 17 | 37 |
Shades & tints
Shades mix #E21737 with black; tints mix it with white. Click any swatch to explore it.
Shades
- #E217370%
- #CF15329%
- #BC132E17%
- #A8112926%
- #950F2434%
- #820D2043%
- #6F0B1B51%
- #5C091659%
- #48071268%
- #35050D77%
- #22030885%
Tints
Color harmonies
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
#E21737 on #FFFFFF
4.76:1
AA ✓AAA ✕AA Large ✓AAA Large ✓
Aa
#E21737 on #000000
4.41:1
AA ✕AAA ✕AA Large ✓AAA Large ✕
Aa
#FFFFFF on #E21737
4.76:1
AA ✓AAA ✕AA Large ✓AAA Large ✓
Aa
#000000 on #E21737
4.41:1
AA ✕AAA ✕AA Large ✓AAA Large ✕
Code snippets
- CSS
color: #e21737; - Background
background-color: #e21737; - CSS variable
--color-e21737: #e21737; - Modern CSS
color: oklch(58% 0.23 22); - SCSS
$color-e21737: #e21737; - Tailwind
bg-[#e21737] text-[#e21737] - HTML
<div style="background-color: #e21737"></div>