Named color · #D4D0C5
Greybeard
Greybeard is #D4D0C5: rgb(212 208 197), hsl(44 15% 80%), oklch(0.858 0.016 90.3). See tints, shades, harmonies, WCAG & APCA contrast, and CSS, Tailwind v4 & SCSS code.
What does Gray mean? → · Greybeard color name →
#D4D0C5
oklch(0.858 0.016 90.3)
Color conversions
- HEX
- #d4d0c5
- RGB
- rgb(212 208 197)
- HSL
- hsl(44 15% 80%)
- HWB
- hwb(44 77% 17%)
- OKLCH
- oklch(0.858 0.016 90.3)
- OKLab
- oklab(0.858 0 0.016)
- CIE Lab
- lab(83.57 0 5.99)
- LCH
- lch(83.57 5.99 90)
- CMYK
- cmyk(0% 2% 7% 17%)
Tints · Shades · Tones
Tints
- D8D5CB
- DCD9D0
- E1DED6
- E5E3DC
- E9E7E2
- EEECE8
- F2F1ED
- F6F5F3
- FBFAF9
Shades
- B8B5AB
- 9D9A92
- 838079
- 696761
- 514F4B
- 3A3935
- 242321
- 10100E
- 020202
Tones
- CBC8BE
- C3BFB7
- BAB7B0
- B1AFA9
- A9A7A2
- A19F9B
- 989794
- 908F8D
- 888887
Color harmonies
Complementary +180°
- D4D0C5
Greybeard
- CCD0DB
≈ Steam Bath
Analogous -30° +30°
- D4D0C5
Greybeard
- D8CEC6
≈ Swirl
- CFD2C7
≈ Frivolous Folly
Triadic +120° +240°
- D4D0C5
Greybeard
- C5D3D6
≈ Sunday Sky
- D6CDD5
≈ Light Elusive Dream
Split-complementary +150° +210°
- D4D0C5
Greybeard
- C8D2DA
≈ Memory Lane
- D2CED9
≈ Lavender Sparkle
Tetradic +90° +180° +270°
- D4D0C5
Greybeard
- C6D4D0
≈ Synchronicity
- CCD0DB
≈ Steam Bath
- DACCD0
≈ Light Mosque
Contrast & accessibility
Ag
FailOn white
WCAG 1.54:1 · APCA Lc 25
Ag
AAAOn black
WCAG 13.62:1 · APCA Lc 78
Best text color: #000000
WCAG 13.62:1 (AAA) · APCA Lc 78
Contrast pairs
Code snippets
CSS
:root {
--greybeard: #d4d0c5;
--greybeard-rgb: 212 208 197;
--greybeard-oklch: oklch(0.858 0.016 90.3);
}
.element {
color: var(--greybeard);
background-color: hsl(44 15% 80%);
border-color: oklch(0.858 0.016 90.3);
}Tailwind CSS v4
@theme {
--color-greybeard: #d4d0c5;
--color-greybeard-50: #f7f5f0;
--color-greybeard-100: #eae8e2;
--color-greybeard-200: #d6d4cd;
--color-greybeard-300: #bab7af;
--color-greybeard-400: #a29e94;
--color-greybeard-500: #8a867b;
--color-greybeard-600: #757168;
--color-greybeard-700: #5d5b53;
--color-greybeard-800: #45423c;
--color-greybeard-900: #2f2e29;
--color-greybeard-950: #1c1a17;
}SCSS
$greybeard: #d4d0c5;
$greybeard-rgb: 212, 208, 197;
$greybeard-light: mix(#fff, $greybeard, 20%);
$greybeard-dark: mix(#000, $greybeard, 20%);
.element {
color: $greybeard;
box-shadow: 0 0 0 2px rgba($greybeard, 0.35);
}