#CC785C Color (Hex and RGB)
#CC785C
#cc785c has RGB values (204, 120, 92). The color reads primarily as red in sRGB space.
Color values
| Format | Value | Channels | Copy |
|---|---|---|---|
| HEX | #CC785C | RCCG78B5C | |
| RGB | rgb(204 120 92) | R204G120B92 | |
| HSL | hsl(15 52% 58%) | H15°S52%L58% | |
| OKLCH | oklch(66% 0.11 39) | L0.66C0.11H39° | |
| HSV | hsv(15, 55%, 80%) | H15°S55%V80% | |
| CMYK | cmyk(0%, 41%, 55%, 20%) | C0%M41%Y55%K20% |
RGB mix
Base numbers
| Base | R | G | B |
|---|---|---|---|
| Binary | 11001100 | 01111000 | 01011100 |
| Octal | 314 | 170 | 134 |
| Decimal | 204 | 120 | 92 |
| Hex | cc | 78 | 5c |
Shades & tints
Shades mix #CC785C with black; tints mix it with white. Click any swatch to explore it.
Shades
- #CC785C0%
- #BB6E549%
- #A9644C17%
- #98594526%
- #874F3D34%
- #75453543%
- #643B2D51%
- #53312559%
- #41261D68%
- #301C1677%
- #1F120E85%
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
#CC785C on #FFFFFF
3.28:1
AA ✕AAA ✕AA Large ✓AAA Large ✕
Aa
#CC785C on #000000
6.41:1
AA ✓AAA ✕AA Large ✓AAA Large ✓
Aa
#FFFFFF on #CC785C
3.28:1
AA ✕AAA ✕AA Large ✓AAA Large ✕
Aa
#000000 on #CC785C
6.41:1
AA ✓AAA ✕AA Large ✓AAA Large ✓
Code snippets
- CSS
color: #cc785c; - Background
background-color: #cc785c; - CSS variable
--color-cc785c: #cc785c; - Modern CSS
color: oklch(66% 0.11 39); - SCSS
$color-cc785c: #cc785c; - Tailwind
bg-[#cc785c] text-[#cc785c] - HTML
<div style="background-color: #cc785c"></div>