#E04646 Color (Hex and RGB)
#E04646
#e04646 has RGB values (224, 70, 70). The color reads primarily as red in sRGB space.
Color values
| Format | Value | Channels | Copy |
|---|---|---|---|
| HEX | #E04646 | RE0G46B46 | |
| RGB | rgb(224 70 70) | R224G70B70 | |
| HSL | hsl(0 71% 58%) | H0°S71%L58% | |
| OKLCH | oklch(61% 0.19 25) | L0.61C0.19H25° | |
| HSV | hsv(0, 69%, 88%) | H0°S69%V88% | |
| CMYK | cmyk(0%, 69%, 69%, 12%) | C0%M69%Y69%K12% |
RGB mix
Base numbers
| Base | R | G | B |
|---|---|---|---|
| Binary | 11100000 | 01000110 | 01000110 |
| Octal | 340 | 106 | 106 |
| Decimal | 224 | 70 | 70 |
| Hex | e0 | 46 | 46 |
Shades & tints
Shades mix #E04646 with black; tints mix it with white. Click any swatch to explore it.
Shades
- #E046460%
- #CD40409%
- #BA3A3A17%
- #A7343426%
- #942E2E34%
- #81282843%
- #6E222251%
- #5B1C1C59%
- #48161668%
- #35101077%
- #220B0B85%
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
#E04646 on #FFFFFF
4.09:1
AA ✕AAA ✕AA Large ✓AAA Large ✕
Aa
#E04646 on #000000
5.13:1
AA ✓AAA ✕AA Large ✓AAA Large ✓
Aa
#FFFFFF on #E04646
4.09:1
AA ✕AAA ✕AA Large ✓AAA Large ✕
Aa
#000000 on #E04646
5.13:1
AA ✓AAA ✕AA Large ✓AAA Large ✓
Code snippets
- CSS
color: #e04646; - Background
background-color: #e04646; - CSS variable
--color-e04646: #e04646; - Modern CSS
color: oklch(61% 0.19 25); - SCSS
$color-e04646: #e04646; - Tailwind
bg-[#e04646] text-[#e04646] - HTML
<div style="background-color: #e04646"></div>