#E0393E Color (Hex and RGB)
#E0393E
#e0393e has RGB values (224, 57, 62). The color reads primarily as red in sRGB space.
Color values
| Format | Value | Channels | Copy |
|---|---|---|---|
| HEX | #E0393E | RE0G39B3E | |
| RGB | rgb(224 57 62) | R224G57B62 | |
| HSL | hsl(358 73% 55%) | H358°S73%L55% | |
| OKLCH | oklch(60% 0.2 24) | L0.6C0.2H24° | |
| HSV | hsv(358, 75%, 88%) | H358°S75%V88% | |
| CMYK | cmyk(0%, 75%, 72%, 12%) | C0%M75%Y72%K12% |
RGB mix
Base numbers
| Base | R | G | B |
|---|---|---|---|
| Binary | 11100000 | 00111001 | 00111110 |
| Octal | 340 | 71 | 76 |
| Decimal | 224 | 57 | 62 |
| Hex | e0 | 39 | 3e |
Shades & tints
Shades mix #E0393E with black; tints mix it with white. Click any swatch to explore it.
Shades
- #E0393E0%
- #CD34399%
- #BA2F3317%
- #A72A2E26%
- #94262934%
- #81212443%
- #6E1C1E51%
- #5B171959%
- #48121468%
- #350D0F77%
- #22090985%
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
#E0393E on #FFFFFF
4.35:1
AA ✕AAA ✕AA Large ✓AAA Large ✕
Aa
#E0393E on #000000
4.82:1
AA ✓AAA ✕AA Large ✓AAA Large ✓
Aa
#FFFFFF on #E0393E
4.35:1
AA ✕AAA ✕AA Large ✓AAA Large ✕
Aa
#000000 on #E0393E
4.82:1
AA ✓AAA ✕AA Large ✓AAA Large ✓
Code snippets
- CSS
color: #e0393e; - Background
background-color: #e0393e; - CSS variable
--color-e0393e: #e0393e; - Modern CSS
color: oklch(60% 0.2 24); - SCSS
$color-e0393e: #e0393e; - Tailwind
bg-[#e0393e] text-[#e0393e] - HTML
<div style="background-color: #e0393e"></div>