#D4C99E Color (Hex and RGB)
#D4C99E
#d4c99e has RGB values (212, 201, 158). The color reads primarily as orange in sRGB space.
Color values
| Format | Value | Channels | Copy |
|---|---|---|---|
| HEX | #D4C99E | RD4GC9B9E | |
| RGB | rgb(212 201 158) | R212G201B158 | |
| HSL | hsl(48 39% 73%) | H48°S39%L73% | |
| OKLCH | oklch(83% 0.06 95) | L0.83C0.06H95° | |
| HSV | hsv(48, 25%, 83%) | H48°S25%V83% | |
| CMYK | cmyk(0%, 5%, 25%, 17%) | C0%M5%Y25%K17% |
RGB mix
Base numbers
| Base | R | G | B |
|---|---|---|---|
| Binary | 11010100 | 11001001 | 10011110 |
| Octal | 324 | 311 | 236 |
| Decimal | 212 | 201 | 158 |
| Hex | d4 | c9 | 9e |
Shades & tints
Shades mix #D4C99E with black; tints mix it with white. Click any swatch to explore it.
Shades
- #D4C99E0%
- #C2B8919%
- #B0A78317%
- #9E967626%
- #8C856834%
- #7A745B43%
- #68624D51%
- #56514059%
- #44403368%
- #322F2577%
- #201E1885%
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
#D4C99E on #FFFFFF
1.66:1
AA ✕AAA ✕AA Large ✕AAA Large ✕
Aa
#D4C99E on #000000
12.65:1
AA ✓AAA ✓AA Large ✓AAA Large ✓
Aa
#FFFFFF on #D4C99E
1.66:1
AA ✕AAA ✕AA Large ✕AAA Large ✕
Aa
#000000 on #D4C99E
12.65:1
AA ✓AAA ✓AA Large ✓AAA Large ✓
Code snippets
- CSS
color: #d4c99e; - Background
background-color: #d4c99e; - CSS variable
--color-d4c99e: #d4c99e; - Modern CSS
color: oklch(83% 0.06 95); - SCSS
$color-d4c99e: #d4c99e; - Tailwind
bg-[#d4c99e] text-[#d4c99e] - HTML
<div style="background-color: #d4c99e"></div>