#CE2724 Color (Hex and RGB)
#CE2724
#ce2724 has RGB values (206, 39, 36). The color reads primarily as red in sRGB space.
Color values
| Format | Value | Channels | Copy |
|---|---|---|---|
| HEX | #CE2724 | RCEG27B24 | |
| RGB | rgb(206 39 36) | R206G39B36 | |
| HSL | hsl(1 70% 47%) | H1°S70%L47% | |
| OKLCH | oklch(55% 0.2 28) | L0.55C0.2H28° | |
| HSV | hsv(1, 83%, 81%) | H1°S83%V81% | |
| CMYK | cmyk(0%, 81%, 83%, 19%) | C0%M81%Y83%K19% |
RGB mix
Base numbers
| Base | R | G | B |
|---|---|---|---|
| Binary | 11001110 | 00100111 | 00100100 |
| Octal | 316 | 47 | 44 |
| Decimal | 206 | 39 | 36 |
| Hex | ce | 27 | 24 |
Shades & tints
Shades mix #CE2724 with black; tints mix it with white. Click any swatch to explore it.
Shades
- #CE27240%
- #BC24219%
- #AB201E17%
- #991D1B26%
- #881A1834%
- #76161543%
- #65131251%
- #53100F59%
- #420C0C68%
- #30090877%
- #1F060585%
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
#CE2724 on #FFFFFF
5.33:1
AA ✓AAA ✕AA Large ✓AAA Large ✓
Aa
#CE2724 on #000000
3.94:1
AA ✕AAA ✕AA Large ✓AAA Large ✕
Aa
#FFFFFF on #CE2724
5.33:1
AA ✓AAA ✕AA Large ✓AAA Large ✓
Aa
#000000 on #CE2724
3.94:1
AA ✕AAA ✕AA Large ✓AAA Large ✕
Code snippets
- CSS
color: #ce2724; - Background
background-color: #ce2724; - CSS variable
--color-ce2724: #ce2724; - Modern CSS
color: oklch(55% 0.2 28); - SCSS
$color-ce2724: #ce2724; - Tailwind
bg-[#ce2724] text-[#ce2724] - HTML
<div style="background-color: #ce2724"></div>