#E22027 Color (Hex and RGB)
#E22027
#e22027 has RGB values (226, 32, 39). The color reads primarily as red in sRGB space.
Color values
| Format | Value | Channels | Copy |
|---|---|---|---|
| HEX | #E22027 | RE2G20B27 | |
| RGB | rgb(226 32 39) | R226G32B39 | |
| HSL | hsl(358 77% 51%) | H358°S77%L51% | |
| OKLCH | oklch(58% 0.22 27) | L0.58C0.22H27° | |
| HSV | hsv(358, 86%, 89%) | H358°S86%V89% | |
| CMYK | cmyk(0%, 86%, 83%, 11%) | C0%M86%Y83%K11% |
RGB mix
Base numbers
| Base | R | G | B |
|---|---|---|---|
| Binary | 11100010 | 00100000 | 00100111 |
| Octal | 342 | 40 | 47 |
| Decimal | 226 | 32 | 39 |
| Hex | e2 | 20 | 27 |
Shades & tints
Shades mix #E22027 with black; tints mix it with white. Click any swatch to explore it.
Shades
- #E220270%
- #CF1D249%
- #BC1B2017%
- #A8181D26%
- #95151A34%
- #82121643%
- #6F101351%
- #5C0D1059%
- #480A0C68%
- #35080977%
- #22050685%
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
#E22027 on #FFFFFF
4.70:1
AA ✓AAA ✕AA Large ✓AAA Large ✓
Aa
#E22027 on #000000
4.47:1
AA ✕AAA ✕AA Large ✓AAA Large ✕
Aa
#FFFFFF on #E22027
4.70:1
AA ✓AAA ✕AA Large ✓AAA Large ✓
Aa
#000000 on #E22027
4.47:1
AA ✕AAA ✕AA Large ✓AAA Large ✕
Code snippets
- CSS
color: #e22027; - Background
background-color: #e22027; - CSS variable
--color-e22027: #e22027; - Modern CSS
color: oklch(58% 0.22 27); - SCSS
$color-e22027: #e22027; - Tailwind
bg-[#e22027] text-[#e22027] - HTML
<div style="background-color: #e22027"></div>