#D4C78C Color (Hex and RGB)
#D4C78C
#d4c78c has RGB values (212, 199, 140). The color reads primarily as orange in sRGB space.
Color values
| Format | Value | Channels | Copy |
|---|---|---|---|
| HEX | #D4C78C | RD4GC7B8C | |
| RGB | rgb(212 199 140) | R212G199B140 | |
| HSL | hsl(49 46% 69%) | H49°S46%L69% | |
| OKLCH | oklch(83% 0.08 97) | L0.83C0.08H97° | |
| HSV | hsv(49, 34%, 83%) | H49°S34%V83% | |
| CMYK | cmyk(0%, 6%, 34%, 17%) | C0%M6%Y34%K17% |
RGB mix
Base numbers
| Base | R | G | B |
|---|---|---|---|
| Binary | 11010100 | 11000111 | 10001100 |
| Octal | 324 | 307 | 214 |
| Decimal | 212 | 199 | 140 |
| Hex | d4 | c7 | 8c |
Shades & tints
Shades mix #D4C78C with black; tints mix it with white. Click any swatch to explore it.
Shades
- #D4C78C0%
- #C2B6809%
- #B0A57417%
- #9E946826%
- #8C835C34%
- #7A725143%
- #68624551%
- #56513959%
- #44402D68%
- #322F2177%
- #201E1585%
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
#D4C78C on #FFFFFF
1.70:1
AA ✕AAA ✕AA Large ✕AAA Large ✕
Aa
#D4C78C on #000000
12.35:1
AA ✓AAA ✓AA Large ✓AAA Large ✓
Aa
#FFFFFF on #D4C78C
1.70:1
AA ✕AAA ✕AA Large ✕AAA Large ✕
Aa
#000000 on #D4C78C
12.35:1
AA ✓AAA ✓AA Large ✓AAA Large ✓
Code snippets
- CSS
color: #d4c78c; - Background
background-color: #d4c78c; - CSS variable
--color-d4c78c: #d4c78c; - Modern CSS
color: oklch(83% 0.08 97); - SCSS
$color-d4c78c: #d4c78c; - Tailwind
bg-[#d4c78c] text-[#d4c78c] - HTML
<div style="background-color: #d4c78c"></div>