#C7202C Color (Hex and RGB)
#C7202C
#c7202c has RGB values (199, 32, 44). The color reads primarily as red in sRGB space.
Color values
| Format | Value | Channels | Copy |
|---|---|---|---|
| HEX | #C7202C | RC7G20B2C | |
| RGB | rgb(199 32 44) | R199G32B44 | |
| HSL | hsl(356 72% 45%) | H356°S72%L45% | |
| OKLCH | oklch(54% 0.2 24) | L0.54C0.2H24° | |
| HSV | hsv(356, 84%, 78%) | H356°S84%V78% | |
| CMYK | cmyk(0%, 84%, 78%, 22%) | C0%M84%Y78%K22% |
RGB mix
Base numbers
| Base | R | G | B |
|---|---|---|---|
| Binary | 11000111 | 00100000 | 00101100 |
| Octal | 307 | 40 | 54 |
| Decimal | 199 | 32 | 44 |
| Hex | c7 | 20 | 2c |
Shades & tints
Shades mix #C7202C with black; tints mix it with white. Click any swatch to explore it.
Shades
- #C7202C0%
- #B61D289%
- #A51B2517%
- #94182126%
- #83151D34%
- #72121943%
- #62101651%
- #510D1259%
- #400A0E68%
- #2F080A77%
- #1E050785%
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
#C7202C on #FFFFFF
5.72:1
AA ✓AAA ✕AA Large ✓AAA Large ✓
Aa
#C7202C on #000000
3.67:1
AA ✕AAA ✕AA Large ✓AAA Large ✕
Aa
#FFFFFF on #C7202C
5.72:1
AA ✓AAA ✕AA Large ✓AAA Large ✓
Aa
#000000 on #C7202C
3.67:1
AA ✕AAA ✕AA Large ✓AAA Large ✕
Code snippets
- CSS
color: #c7202c; - Background
background-color: #c7202c; - CSS variable
--color-c7202c: #c7202c; - Modern CSS
color: oklch(54% 0.2 24); - SCSS
$color-c7202c: #c7202c; - Tailwind
bg-[#c7202c] text-[#c7202c] - HTML
<div style="background-color: #c7202c"></div>