Benoemde kleur · #D6CEBB
Turtledove
Turtledove is #D6CEBB: rgb(214 206 187), hsl(42 25% 79%), oklch(0.853 0.027 87.9). Bekijk tinten, schaduwen, harmonieën, WCAG- en APCA-contrast en CSS-, Tailwind v4- en SCSS-code.
What does Gray mean? → · Turtledove color name →
#D6CEBB
oklch(0.853 0.027 87.9)
Kleurconversies
- HEX
- #d6cebb
- RGB
- rgb(214 206 187)
- HSL
- hsl(42 25% 79%)
- HWB
- hwb(42 73% 16%)
- OKLCH
- oklch(0.853 0.027 87.9)
- OKLab
- oklab(0.853 0.001 0.027)
- CIE Lab
- lab(83.03 0.49 10.53)
- LCH
- lch(83.03 10.54 87.3)
- CMYK
- cmyk(0% 4% 13% 16%)
Tinten · Schaduwen · Tonen
Tinten
- DAD3C2
- DED8C8
- E2DDCF
- E6E1D6
- EAE6DD
- EEEBE3
- F3F0EA
- F7F5F1
- FBFAF8
Schaduwen
- BAB3A2
- 9E988A
- 847F73
- 6A665C
- 524E46
- 3B3832
- 25231F
- 100F0D
- 020202
Tonen
- CDC6B5
- C4BEAF
- BBB6A9
- B3AEA3
- AAA69D
- A19E97
- 999791
- 918F8C
- 888786
Kleurharmonieën
Complementair +180°
- D6CEBB
Turtledove
- C7CEE1
≈ Lilac Bisque
Analoog -30° +30°
- D6CEBB
Turtledove
- DDCBBE
≈ Stonewashed Brown
- CDD1BE
≈ Garlic Suede
Triadisch +120° +240°
- D6CEBB
Turtledove
- BBD4D8
≈ Light Salt Spray
- D9C9D8
≈ Creamy Mauve
Gesplitst complementair +150° +210°
- D6CEBB
Turtledove
- BFD2DF
≈ Two Harbours
- D0CBDF
≈ Light Mulberry
Tetradisch +90° +180° +270°
- D6CEBB
Turtledove
- BDD5CE
≈ Aquatic Edge
- C7CEE1
≈ Lilac Bisque
- DFC8CE
≈ Kellie Belle
Contrast en toegankelijkheid
Ag
FailOp wit
WCAG 1.56:1 · APCA Lc 26
Ag
AAAOp zwart
WCAG 13.40:1 · APCA Lc 77
Beste tekstkleur: #000000
WCAG 13.40:1 (AAA) · APCA Lc 77
Contrast pairs
Codefragmenten
CSS
:root {
--turtledove: #d6cebb;
--turtledove-rgb: 214 206 187;
--turtledove-oklch: oklch(0.853 0.027 87.9);
}
.element {
color: var(--turtledove);
background-color: hsl(42 25% 79%);
border-color: oklch(0.853 0.027 87.9);
}Tailwind CSS v4
@theme {
--color-turtledove: #d6cebb;
--color-turtledove-50: #f8f5ed;
--color-turtledove-100: #ebe8de;
--color-turtledove-200: #d9d4c7;
--color-turtledove-300: #bdb7a8;
--color-turtledove-400: #a59e8d;
--color-turtledove-500: #8e8572;
--color-turtledove-600: #787161;
--color-turtledove-700: #605a4d;
--color-turtledove-800: #474238;
--color-turtledove-900: #312d26;
--color-turtledove-950: #1d1a15;
}SCSS
$turtledove: #d6cebb;
$turtledove-rgb: 214, 206, 187;
$turtledove-light: mix(#fff, $turtledove, 20%);
$turtledove-dark: mix(#000, $turtledove, 20%);
.element {
color: $turtledove;
box-shadow: 0 0 0 2px rgba($turtledove, 0.35);
}