#EC2227 Color (Hex and RGB)
#EC2227
#ec2227 has RGB values (236, 34, 39). The color reads primarily as red in sRGB space.
Color values
| Format | Value | Channels | Copy |
|---|---|---|---|
| HEX | #EC2227 | RECG22B27 | |
| RGB | rgb(236 34 39) | R236G34B39 | |
| HSL | hsl(359 84% 53%) | H359°S84%L53% | |
| OKLCH | oklch(60% 0.23 27) | L0.6C0.23H27° | |
| HSV | hsv(359, 86%, 93%) | H359°S86%V93% | |
| CMYK | cmyk(0%, 86%, 83%, 7%) | C0%M86%Y83%K7% |
RGB mix
Base numbers
| Base | R | G | B |
|---|---|---|---|
| Binary | 11101100 | 00100010 | 00100111 |
| Octal | 354 | 42 | 47 |
| Decimal | 236 | 34 | 39 |
| Hex | ec | 22 | 27 |
Shades & tints
Shades mix #EC2227 with black; tints mix it with white. Click any swatch to explore it.
Shades
- #EC22270%
- #D81F249%
- #C41C2017%
- #B0191D26%
- #9C161A34%
- #88141643%
- #74111351%
- #600E1059%
- #4C0B0C68%
- #37080977%
- #23050685%
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
#EC2227 on #FFFFFF
4.35:1
AA ✕AAA ✕AA Large ✓AAA Large ✕
Aa
#EC2227 on #000000
4.82:1
AA ✓AAA ✕AA Large ✓AAA Large ✓
Aa
#FFFFFF on #EC2227
4.35:1
AA ✕AAA ✕AA Large ✓AAA Large ✕
Aa
#000000 on #EC2227
4.82:1
AA ✓AAA ✕AA Large ✓AAA Large ✓
Code snippets
- CSS
color: #ec2227; - Background
background-color: #ec2227; - CSS variable
--color-ec2227: #ec2227; - Modern CSS
color: oklch(60% 0.23 27); - SCSS
$color-ec2227: #ec2227; - Tailwind
bg-[#ec2227] text-[#ec2227] - HTML
<div style="background-color: #ec2227"></div>