#C74634 Color (Hex and RGB)
#C74634
#c74634 has RGB values (199, 70, 52). The color reads primarily as red in sRGB space.
Color values
| Format | Value | Channels | Copy |
|---|---|---|---|
| HEX | #C74634 | RC7G46B34 | |
| RGB | rgb(199 70 52) | R199G70B52 | |
| HSL | hsl(7 59% 49%) | H7°S59%L49% | |
| OKLCH | oklch(57% 0.17 31) | L0.57C0.17H31° | |
| HSV | hsv(7, 74%, 78%) | H7°S74%V78% | |
| CMYK | cmyk(0%, 65%, 74%, 22%) | C0%M65%Y74%K22% |
RGB mix
Base numbers
| Base | R | G | B |
|---|---|---|---|
| Binary | 11000111 | 01000110 | 00110100 |
| Octal | 307 | 106 | 64 |
| Decimal | 199 | 70 | 52 |
| Hex | c7 | 46 | 34 |
Shades & tints
Shades mix #C74634 with black; tints mix it with white. Click any swatch to explore it.
Shades
- #C746340%
- #B640309%
- #A53A2B17%
- #94342726%
- #832E2234%
- #72281E43%
- #62221951%
- #511C1559%
- #40161168%
- #2F100C77%
- #1E0B0885%
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
#C74634 on #FFFFFF
4.82:1
AA ✓AAA ✕AA Large ✓AAA Large ✓
Aa
#C74634 on #000000
4.35:1
AA ✕AAA ✕AA Large ✓AAA Large ✕
Aa
#FFFFFF on #C74634
4.82:1
AA ✓AAA ✕AA Large ✓AAA Large ✓
Aa
#000000 on #C74634
4.35:1
AA ✕AAA ✕AA Large ✓AAA Large ✕
Code snippets
- CSS
color: #c74634; - Background
background-color: #c74634; - CSS variable
--color-c74634: #c74634; - Modern CSS
color: oklch(57% 0.17 31); - SCSS
$color-c74634: #c74634; - Tailwind
bg-[#c74634] text-[#c74634] - HTML
<div style="background-color: #c74634"></div>