#E12828 Color (Hex and RGB)
#E12828
#e12828 has RGB values (225, 40, 40). The color reads primarily as red in sRGB space.
Color values
| Format | Value | Channels | Copy |
|---|---|---|---|
| HEX | #E12828 | RE1G28B28 | |
| RGB | rgb(225 40 40) | R225G40B40 | |
| HSL | hsl(0 76% 52%) | H0°S76%L52% | |
| OKLCH | oklch(59% 0.22 27) | L0.59C0.22H27° | |
| HSV | hsv(0, 82%, 88%) | H0°S82%V88% | |
| CMYK | cmyk(0%, 82%, 82%, 12%) | C0%M82%Y82%K12% |
RGB mix
Base numbers
| Base | R | G | B |
|---|---|---|---|
| Binary | 11100001 | 00101000 | 00101000 |
| Octal | 341 | 50 | 50 |
| Decimal | 225 | 40 | 40 |
| Hex | e1 | 28 | 28 |
Shades & tints
Shades mix #E12828 with black; tints mix it with white. Click any swatch to explore it.
Shades
- #E128280%
- #CE25259%
- #BB212117%
- #A81E1E26%
- #951A1A34%
- #81171743%
- #6E141451%
- #5B101059%
- #480D0D68%
- #35090977%
- #22060685%
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
#E12828 on #FFFFFF
4.63:1
AA ✓AAA ✕AA Large ✓AAA Large ✓
Aa
#E12828 on #000000
4.54:1
AA ✓AAA ✕AA Large ✓AAA Large ✓
Aa
#FFFFFF on #E12828
4.63:1
AA ✓AAA ✕AA Large ✓AAA Large ✓
Aa
#000000 on #E12828
4.54:1
AA ✓AAA ✕AA Large ✓AAA Large ✓
Code snippets
- CSS
color: #e12828; - Background
background-color: #e12828; - CSS variable
--color-e12828: #e12828; - Modern CSS
color: oklch(59% 0.22 27); - SCSS
$color-e12828: #e12828; - Tailwind
bg-[#e12828] text-[#e12828] - HTML
<div style="background-color: #e12828"></div>