Benoemde kleur · #CECBC5
Gravel Drive
Gravel Drive is #CECBC5: rgb(206 203 197), hsl(40 8% 79%), oklch(0.843 0.009 84.6). Bekijk tinten, schaduwen, harmonieën, WCAG- en APCA-contrast en CSS-, Tailwind v4- en SCSS-code.
What does Gray mean? → · Gravel Drive color name →
#CECBC5
oklch(0.843 0.009 84.6)
Kleurconversies
- HEX
- #cecbc5
- RGB
- rgb(206 203 197)
- HSL
- hsl(40 8% 79%)
- HWB
- hwb(40 77% 19%)
- OKLCH
- oklch(0.843 0.009 84.6)
- OKLab
- oklab(0.843 0.001 0.009)
- CIE Lab
- lab(81.8 0.28 3.39)
- LCH
- lch(81.8 3.4 85.3)
- CMYK
- cmyk(0% 1% 4% 19%)
Tinten · Schaduwen · Tonen
Tinten
- D3D0CB
- D8D5D0
- DCDAD6
- E1E0DC
- E6E5E2
- EBEAE7
- F0EFED
- F5F4F3
- FAFAF9
Schaduwen
- B3B0AB
- 989692
- 7F7D79
- 666561
- 4E4D4B
- 383735
- 232221
- 0F0F0E
- 020202
Tonen
- C6C3BE
- BEBCB7
- B6B4B0
- AEACA9
- A6A5A2
- 9E9D9B
- 979694
- 8F8E8D
- 878787
Kleurharmonieën
Complementair +180°
- CECBC5
Gravel Drive
- C8CBD1
≈ Paparazzi Flash
Analoog -30° +30°
- CECBC5
Gravel Drive
- D0CAC6
≈ Greyish
- CBCCC6
≈ Sweater Weather
Triadisch +120° +240°
- CECBC5
Gravel Drive
- C5CDCE
≈ Where There Is Smoke
- CEC9CF
≈ Clay Slate Wacke
Gesplitst complementair +150° +210°
- CECBC5
Gravel Drive
- C6CCD0
≈ Where There Is Smoke
- CBCAD1
≈ Sharp Grey
Tetradisch +90° +180° +270°
- CECBC5
Gravel Drive
- C6CDCB
≈ Morning Lake
- C8CBD1
≈ Paparazzi Flash
- D0C9CC
≈ El Niño
Contrast en toegankelijkheid
Ag
FailOp wit
WCAG 1.61:1 · APCA Lc 28
Ag
AAAOp zwart
WCAG 12.97:1 · APCA Lc 75
Beste tekstkleur: #000000
WCAG 12.97:1 (AAA) · APCA Lc 75
Contrast pairs
Codefragmenten
CSS
:root {
--gravel-drive: #cecbc5;
--gravel-drive-rgb: 206 203 197;
--gravel-drive-oklch: oklch(0.843 0.009 84.6);
}
.element {
color: var(--gravel-drive);
background-color: hsl(40 8% 79%);
border-color: oklch(0.843 0.009 84.6);
}Tailwind CSS v4
@theme {
--color-gravel-drive: #cecbc5;
--color-gravel-drive-50: #f6f5f2;
--color-gravel-drive-100: #e9e8e4;
--color-gravel-drive-200: #d6d4d0;
--color-gravel-drive-300: #b9b7b2;
--color-gravel-drive-400: #a19e99;
--color-gravel-drive-500: #898680;
--color-gravel-drive-600: #74716c;
--color-gravel-drive-700: #5d5b56;
--color-gravel-drive-800: #44423f;
--color-gravel-drive-900: #2f2e2b;
--color-gravel-drive-950: #1b1a19;
}SCSS
$gravel-drive: #cecbc5;
$gravel-drive-rgb: 206, 203, 197;
$gravel-drive-light: mix(#fff, $gravel-drive, 20%);
$gravel-drive-dark: mix(#000, $gravel-drive, 20%);
.element {
color: $gravel-drive;
box-shadow: 0 0 0 2px rgba($gravel-drive, 0.35);
}