#E5422B Color (Hex and RGB)
#E5422B
#e5422b has RGB values (229, 66, 43). The color reads primarily as red in sRGB space.
Color values
| Format | Value | Channels | Copy |
|---|---|---|---|
| HEX | #E5422B | RE5G42B2B | |
| RGB | rgb(229 66 43) | R229G66B43 | |
| HSL | hsl(7 78% 53%) | H7°S78%L53% | |
| OKLCH | oklch(62% 0.2 31) | L0.62C0.2H31° | |
| HSV | hsv(7, 81%, 90%) | H7°S81%V90% | |
| CMYK | cmyk(0%, 71%, 81%, 10%) | C0%M71%Y81%K10% |
RGB mix
Base numbers
| Base | R | G | B |
|---|---|---|---|
| Binary | 11100101 | 01000010 | 00101011 |
| Octal | 345 | 102 | 53 |
| Decimal | 229 | 66 | 43 |
| Hex | e5 | 42 | 2b |
Shades & tints
Shades mix #E5422B with black; tints mix it with white. Click any swatch to explore it.
Shades
- #E5422B0%
- #D23C279%
- #BE372417%
- #AB312026%
- #972C1C34%
- #84261943%
- #70201551%
- #5D1B1159%
- #49150E68%
- #36100A77%
- #220A0685%
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
#E5422B on #FFFFFF
4.08:1
AA ✕AAA ✕AA Large ✓AAA Large ✕
Aa
#E5422B on #000000
5.15:1
AA ✓AAA ✕AA Large ✓AAA Large ✓
Aa
#FFFFFF on #E5422B
4.08:1
AA ✕AAA ✕AA Large ✓AAA Large ✕
Aa
#000000 on #E5422B
5.15:1
AA ✓AAA ✕AA Large ✓AAA Large ✓
Code snippets
- CSS
color: #e5422b; - Background
background-color: #e5422b; - CSS variable
--color-e5422b: #e5422b; - Modern CSS
color: oklch(62% 0.2 31); - SCSS
$color-e5422b: #e5422b; - Tailwind
bg-[#e5422b] text-[#e5422b] - HTML
<div style="background-color: #e5422b"></div>