#C45F4F Color (Hex and RGB)
#C45F4F
#c45f4f has RGB values (196, 95, 79). The color reads primarily as red in sRGB space.
Color values
| Format | Value | Channels | Copy |
|---|---|---|---|
| HEX | #C45F4F | RC4G5FB4F | |
| RGB | rgb(196 95 79) | R196G95B79 | |
| HSL | hsl(8 50% 54%) | H8°S50%L54% | |
| OKLCH | oklch(60% 0.13 31) | L0.6C0.13H31° | |
| HSV | hsv(8, 60%, 77%) | H8°S60%V77% | |
| CMYK | cmyk(0%, 52%, 60%, 23%) | C0%M52%Y60%K23% |
RGB mix
Base numbers
| Base | R | G | B |
|---|---|---|---|
| Binary | 11000100 | 01011111 | 01001111 |
| Octal | 304 | 137 | 117 |
| Decimal | 196 | 95 | 79 |
| Hex | c4 | 5f | 4f |
Shades & tints
Shades mix #C45F4F with black; tints mix it with white. Click any swatch to explore it.
Shades
- #C45F4F0%
- #B357489%
- #A34F4217%
- #92473B26%
- #813F3434%
- #71372D43%
- #602F2751%
- #4F262059%
- #3F1E1968%
- #2E161377%
- #1D0E0C85%
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
#C45F4F on #FFFFFF
4.12:1
AA ✕AAA ✕AA Large ✓AAA Large ✕
Aa
#C45F4F on #000000
5.10:1
AA ✓AAA ✕AA Large ✓AAA Large ✓
Aa
#FFFFFF on #C45F4F
4.12:1
AA ✕AAA ✕AA Large ✓AAA Large ✕
Aa
#000000 on #C45F4F
5.10:1
AA ✓AAA ✕AA Large ✓AAA Large ✓
Code snippets
- CSS
color: #c45f4f; - Background
background-color: #c45f4f; - CSS variable
--color-c45f4f: #c45f4f; - Modern CSS
color: oklch(60% 0.13 31); - SCSS
$color-c45f4f: #c45f4f; - Tailwind
bg-[#c45f4f] text-[#c45f4f] - HTML
<div style="background-color: #c45f4f"></div>