#E4040C Color (Hex and RGB)
#E4040C
#e4040c has RGB values (228, 4, 12). The color reads primarily as red in sRGB space.
Color values
| Format | Value | Channels | Copy |
|---|---|---|---|
| HEX | #E4040C | RE4G04B0C | |
| RGB | rgb(228 4 12) | R228G4B12 | |
| HSL | hsl(358 97% 45%) | H358°S97%L45% | |
| OKLCH | oklch(58% 0.24 29) | L0.58C0.24H29° | |
| HSV | hsv(358, 98%, 89%) | H358°S98%V89% | |
| CMYK | cmyk(0%, 98%, 95%, 11%) | C0%M98%Y95%K11% |
RGB mix
Base numbers
| Base | R | G | B |
|---|---|---|---|
| Binary | 11100100 | 00000100 | 00001100 |
| Octal | 344 | 4 | 14 |
| Decimal | 228 | 4 | 12 |
| Hex | e4 | 04 | 0c |
Shades & tints
Shades mix #E4040C with black; tints mix it with white. Click any swatch to explore it.
Shades
- #E4040C0%
- #D1040B9%
- #BD030A17%
- #AA030926%
- #96030834%
- #83020743%
- #70020651%
- #5C020559%
- #49010468%
- #36010377%
- #22010285%
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
#E4040C on #FFFFFF
4.86:1
AA ✓AAA ✕AA Large ✓AAA Large ✓
Aa
#E4040C on #000000
4.32:1
AA ✕AAA ✕AA Large ✓AAA Large ✕
Aa
#FFFFFF on #E4040C
4.86:1
AA ✓AAA ✕AA Large ✓AAA Large ✓
Aa
#000000 on #E4040C
4.32:1
AA ✕AAA ✕AA Large ✓AAA Large ✕
Code snippets
- CSS
color: #e4040c; - Background
background-color: #e4040c; - CSS variable
--color-e4040c: #e4040c; - Modern CSS
color: oklch(58% 0.24 29); - SCSS
$color-e4040c: #e4040c; - Tailwind
bg-[#e4040c] text-[#e4040c] - HTML
<div style="background-color: #e4040c"></div>