#CC0F16 Color (Hex and RGB)
#CC0F16
#cc0f16 has RGB values (204, 15, 22). The color reads primarily as red in sRGB space.
Color values
| Format | Value | Channels | Copy |
|---|---|---|---|
| HEX | #CC0F16 | RCCG0FB16 | |
| RGB | rgb(204 15 22) | R204G15B22 | |
| HSL | hsl(358 86% 43%) | H358°S86%L43% | |
| OKLCH | oklch(54% 0.21 28) | L0.54C0.21H28° | |
| HSV | hsv(358, 93%, 80%) | H358°S93%V80% | |
| CMYK | cmyk(0%, 93%, 89%, 20%) | C0%M93%Y89%K20% |
RGB mix
Base numbers
| Base | R | G | B |
|---|---|---|---|
| Binary | 11001100 | 00001111 | 00010110 |
| Octal | 314 | 17 | 26 |
| Decimal | 204 | 15 | 22 |
| Hex | cc | 0f | 16 |
Shades & tints
Shades mix #CC0F16 with black; tints mix it with white. Click any swatch to explore it.
Shades
- #CC0F160%
- #BB0E149%
- #A90C1217%
- #980B1026%
- #870A0F34%
- #75090D43%
- #64070B51%
- #53060959%
- #41050768%
- #30040577%
- #1F020385%
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
#CC0F16 on #FFFFFF
5.76:1
AA ✓AAA ✕AA Large ✓AAA Large ✓
Aa
#CC0F16 on #000000
3.65:1
AA ✕AAA ✕AA Large ✓AAA Large ✕
Aa
#FFFFFF on #CC0F16
5.76:1
AA ✓AAA ✕AA Large ✓AAA Large ✓
Aa
#000000 on #CC0F16
3.65:1
AA ✕AAA ✕AA Large ✓AAA Large ✕
Code snippets
- CSS
color: #cc0f16; - Background
background-color: #cc0f16; - CSS variable
--color-cc0f16: #cc0f16; - Modern CSS
color: oklch(54% 0.21 28); - SCSS
$color-cc0f16: #cc0f16; - Tailwind
bg-[#cc0f16] text-[#cc0f16] - HTML
<div style="background-color: #cc0f16"></div>