Couleur nommée la plus proche · #D8D9D6
#D8D9D6
Couleur nommée la plus proche: Whispering Smoke
#D8D9D6 (rgb(216 217 214), hsl(80 4% 85%), oklch(0.884 0.004 121.6)) est la plus proche de la couleur nommée Whispering Smoke. Teintes, ombres, harmonies, contraste WCAG et APCA, et code CSS, Tailwind v4 et SCSS.
#D8D9D6
oklch(0.884 0.004 121.6)
Conversions de couleur
- HEX
- #d8d9d6
- RGB
- rgb(216 217 214)
- HSL
- hsl(80 4% 85%)
- HWB
- hwb(80 84% 15%)
- OKLCH
- oklch(0.884 0.004 121.6)
- OKLab
- oklab(0.884 -0.002 0.004)
- CIE Lab
- lab(86.55 -0.75 1.36)
- LCH
- lch(86.55 1.55 119.1)
- CMYK
- cmyk(0% 0% 1% 15%)
Teintes · Ombres · Tons
Teintes
- DCDDDA
- E0E1DE
- E4E4E2
- E7E8E6
- EBECEA
- EFF0EE
- F3F3F3
- F7F7F7
- FBFBFB
Ombres
- BCBCBA
- A0A19E
- 858684
- 6B6C6A
- 535352
- 3B3B3B
- 252525
- 111110
- 020202
Tons
- CFD0CD
- C6C7C4
- BDBDBB
- B4B4B3
- ABABAA
- A2A3A1
- 999A99
- 919191
- 888888
Harmonies de couleurs
Complémentaire +180°
- D8D9D6
Whispering Smoke
- D9D8DB
≈ Orochimaru
Analogue -30° +30°
- D8D9D6
Whispering Smoke
- D9D8D6
≈ Winter Morn
- D7D9D7
≈ Tundra
Triadique +120° +240°
- D8D9D6
Whispering Smoke
- D6D9DB
≈ House Sparrow’s Egg
- DBD7D8
≈ Creek Pebble
Complémentaire divisée +150° +210°
- D8D9D6
Whispering Smoke
- D7D8DB
≈ Mais Oui
- DAD8DA
≈ Orochimaru
Tétradique +90° +180° +270°
- D8D9D6
Whispering Smoke
- D6D9DA
≈ Gliding Feather
- D9D8DB
≈ Orochimaru
- DBD8D7
≈ Go to Grey
Contraste et accessibilité
Ag
FailSur blanc
WCAG 1.41:1 · APCA Lc 20
Ag
AAASur noir
WCAG 14.81:1 · APCA Lc 83
Meilleure couleur de texte: #000000
WCAG 14.81:1 (AAA) · APCA Lc 83
Contrast pairs
Extraits de code
CSS
:root {
--whispering-smoke: #d8d9d6;
--whispering-smoke-rgb: 216 217 214;
--whispering-smoke-oklch: oklch(0.884 0.004 121.6);
}
.element {
color: var(--whispering-smoke);
background-color: hsl(80 4% 85%);
border-color: oklch(0.884 0.004 121.6);
}Tailwind CSS v4
@theme {
--color-whispering-smoke: #d8d9d6;
--color-whispering-smoke-50: #f5f5f4;
--color-whispering-smoke-100: #e7e8e6;
--color-whispering-smoke-200: #d4d4d2;
--color-whispering-smoke-300: #b7b8b5;
--color-whispering-smoke-400: #9e9f9c;
--color-whispering-smoke-500: #868783;
--color-whispering-smoke-600: #71726f;
--color-whispering-smoke-700: #5a5b59;
--color-whispering-smoke-800: #424341;
--color-whispering-smoke-900: #2e2e2d;
--color-whispering-smoke-950: #1a1b1a;
}SCSS
$whispering-smoke: #d8d9d6;
$whispering-smoke-rgb: 216, 217, 214;
$whispering-smoke-light: mix(#fff, $whispering-smoke, 20%);
$whispering-smoke-dark: mix(#000, $whispering-smoke, 20%);
.element {
color: $whispering-smoke;
box-shadow: 0 0 0 2px rgba($whispering-smoke, 0.35);
}