#EB5424 Color (Hex and RGB)
#EB5424
#eb5424 has RGB values (235, 84, 36). The color reads primarily as red in sRGB space.
Color values
| Format | Value | Channels | Copy |
|---|---|---|---|
| HEX | #EB5424 | REBG54B24 | |
| RGB | rgb(235 84 36) | R235G84B36 | |
| HSL | hsl(14 83% 53%) | H14°S83%L53% | |
| OKLCH | oklch(64% 0.2 37) | L0.64C0.2H37° | |
| HSV | hsv(14, 85%, 92%) | H14°S85%V92% | |
| CMYK | cmyk(0%, 64%, 85%, 8%) | C0%M64%Y85%K8% |
RGB mix
Base numbers
| Base | R | G | B |
|---|---|---|---|
| Binary | 11101011 | 01010100 | 00100100 |
| Octal | 353 | 124 | 44 |
| Decimal | 235 | 84 | 36 |
| Hex | eb | 54 | 24 |
Shades & tints
Shades mix #EB5424 with black; tints mix it with white. Click any swatch to explore it.
Shades
- #EB54240%
- #D74D219%
- #C3461E17%
- #AF3F1B26%
- #9B371834%
- #87301543%
- #73291251%
- #5F220F59%
- #4B1B0C68%
- #37140877%
- #230D0585%
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
#EB5424 on #FFFFFF
3.60:1
AA ✕AAA ✕AA Large ✓AAA Large ✕
Aa
#EB5424 on #000000
5.83:1
AA ✓AAA ✕AA Large ✓AAA Large ✓
Aa
#FFFFFF on #EB5424
3.60:1
AA ✕AAA ✕AA Large ✓AAA Large ✕
Aa
#000000 on #EB5424
5.83:1
AA ✓AAA ✕AA Large ✓AAA Large ✓
Code snippets
- CSS
color: #eb5424; - Background
background-color: #eb5424; - CSS variable
--color-eb5424: #eb5424; - Modern CSS
color: oklch(64% 0.2 37); - SCSS
$color-eb5424: #eb5424; - Tailwind
bg-[#eb5424] text-[#eb5424] - HTML
<div style="background-color: #eb5424"></div>