#C9B896 Color (Hex and RGB)
#C9B896
#c9b896 has RGB values (201, 184, 150). The color reads primarily as orange in sRGB space.
Color values
| Format | Value | Channels | Copy |
|---|---|---|---|
| HEX | #C9B896 | RC9GB8B96 | |
| RGB | rgb(201 184 150) | R201G184B150 | |
| HSL | hsl(40 32% 69%) | H40°S32%L69% | |
| OKLCH | oklch(79% 0.05 85) | L0.79C0.05H85° | |
| HSV | hsv(40, 25%, 79%) | H40°S25%V79% | |
| CMYK | cmyk(0%, 8%, 25%, 21%) | C0%M8%Y25%K21% |
RGB mix
Base numbers
| Base | R | G | B |
|---|---|---|---|
| Binary | 11001001 | 10111000 | 10010110 |
| Octal | 311 | 270 | 226 |
| Decimal | 201 | 184 | 150 |
| Hex | c9 | b8 | 96 |
Shades & tints
Shades mix #C9B896 with black; tints mix it with white. Click any swatch to explore it.
Shades
- #C9B8960%
- #B8A8899%
- #A7997D17%
- #96897026%
- #85796334%
- #746A5643%
- #625A4A51%
- #514B3D59%
- #403B3068%
- #2F2B2377%
- #1E1C1785%
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
#C9B896 on #FFFFFF
1.95:1
AA ✕AAA ✕AA Large ✕AAA Large ✕
Aa
#C9B896 on #000000
10.78:1
AA ✓AAA ✓AA Large ✓AAA Large ✓
Aa
#FFFFFF on #C9B896
1.95:1
AA ✕AAA ✕AA Large ✕AAA Large ✕
Aa
#000000 on #C9B896
10.78:1
AA ✓AAA ✓AA Large ✓AAA Large ✓
Code snippets
- CSS
color: #c9b896; - Background
background-color: #c9b896; - CSS variable
--color-c9b896: #c9b896; - Modern CSS
color: oklch(79% 0.05 85); - SCSS
$color-c9b896: #c9b896; - Tailwind
bg-[#c9b896] text-[#c9b896] - HTML
<div style="background-color: #c9b896"></div>