#C7053D Color (Hex and RGB)
#C7053D
#c7053d has RGB values (199, 5, 61). The color reads primarily as red in sRGB space.
Color values
| Format | Value | Channels | Copy |
|---|---|---|---|
| HEX | #C7053D | RC7G05B3D | |
| RGB | rgb(199 5 61) | R199G5B61 | |
| HSL | hsl(343 95% 40%) | H343°S95%L40% | |
| OKLCH | oklch(53% 0.21 17) | L0.53C0.21H17° | |
| HSV | hsv(343, 97%, 78%) | H343°S97%V78% | |
| CMYK | cmyk(0%, 97%, 69%, 22%) | C0%M97%Y69%K22% |
RGB mix
Base numbers
| Base | R | G | B |
|---|---|---|---|
| Binary | 11000111 | 00000101 | 00111101 |
| Octal | 307 | 5 | 75 |
| Decimal | 199 | 5 | 61 |
| Hex | c7 | 05 | 3d |
Shades & tints
Shades mix #C7053D with black; tints mix it with white. Click any swatch to explore it.
Shades
- #C7053D0%
- #B605389%
- #A5043317%
- #94042D26%
- #83032834%
- #72032343%
- #62021E51%
- #51021959%
- #40021468%
- #2F010E77%
- #1E010985%
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
#C7053D on #FFFFFF
5.97:1
AA ✓AAA ✕AA Large ✓AAA Large ✓
Aa
#C7053D on #000000
3.52:1
AA ✕AAA ✕AA Large ✓AAA Large ✕
Aa
#FFFFFF on #C7053D
5.97:1
AA ✓AAA ✕AA Large ✓AAA Large ✓
Aa
#000000 on #C7053D
3.52:1
AA ✕AAA ✕AA Large ✓AAA Large ✕
Code snippets
- CSS
color: #c7053d; - Background
background-color: #c7053d; - CSS variable
--color-c7053d: #c7053d; - Modern CSS
color: oklch(53% 0.21 17); - SCSS
$color-c7053d: #c7053d; - Tailwind
bg-[#c7053d] text-[#c7053d] - HTML
<div style="background-color: #c7053d"></div>