#ED4245 Color (Hex and RGB)
#ED4245
#ed4245 has RGB values (237, 66, 69). The color reads primarily as red in sRGB space.
Color values
| Format | Value | Channels | Copy |
|---|---|---|---|
| HEX | #ED4245 | REDG42B45 | |
| RGB | rgb(237 66 69) | R237G66B69 | |
| HSL | hsl(359 83% 59%) | H359°S83%L59% | |
| OKLCH | oklch(63% 0.21 25) | L0.63C0.21H25° | |
| HSV | hsv(359, 72%, 93%) | H359°S72%V93% | |
| CMYK | cmyk(0%, 72%, 71%, 7%) | C0%M72%Y71%K7% |
RGB mix
Base numbers
| Base | R | G | B |
|---|---|---|---|
| Binary | 11101101 | 01000010 | 01000101 |
| Octal | 355 | 102 | 105 |
| Decimal | 237 | 66 | 69 |
| Hex | ed | 42 | 45 |
Shades & tints
Shades mix #ED4245 with black; tints mix it with white. Click any swatch to explore it.
Shades
- #ED42450%
- #D93C3F9%
- #C5373917%
- #B1313326%
- #9C2C2E34%
- #88262843%
- #74202251%
- #601B1C59%
- #4C151668%
- #38101077%
- #240A0A85%
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
#ED4245 on #FFFFFF
3.84:1
AA ✕AAA ✕AA Large ✓AAA Large ✕
Aa
#ED4245 on #000000
5.47:1
AA ✓AAA ✕AA Large ✓AAA Large ✓
Aa
#FFFFFF on #ED4245
3.84:1
AA ✕AAA ✕AA Large ✓AAA Large ✕
Aa
#000000 on #ED4245
5.47:1
AA ✓AAA ✕AA Large ✓AAA Large ✓
Code snippets
- CSS
color: #ed4245; - Background
background-color: #ed4245; - CSS variable
--color-ed4245: #ed4245; - Modern CSS
color: oklch(63% 0.21 25); - SCSS
$color-ed4245: #ed4245; - Tailwind
bg-[#ed4245] text-[#ed4245] - HTML
<div style="background-color: #ed4245"></div>