Colore con nome · #D5D8D7
Windchill
Windchill è #D5D8D7: rgb(213 216 215), hsl(160 4% 84%), oklch(0.88 0.004 174.5). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Gray mean? → · Windchill color name →
#D5D8D7
oklch(0.88 0.004 174.5)
Conversioni di colore
- HEX
- #d5d8d7
- RGB
- rgb(213 216 215)
- HSL
- hsl(160 4% 84%)
- HWB
- hwb(160 84% 15%)
- OKLCH
- oklch(0.88 0.004 174.5)
- OKLab
- oklab(0.88 -0.004 0)
- CIE Lab
- lab(86.08 -1.19 0.12)
- LCH
- lch(86.08 1.2 174.3)
- CMYK
- cmyk(1% 0% 0% 15%)
Tinte · Ombre · Toni
Tinte
- D9DCDB
- DDE0DF
- E1E4E3
- E6E7E7
- EAEBEB
- EEEFEF
- F2F3F3
- F6F7F7
- FBFBFB
Ombre
- B9BCBB
- 9EA09F
- 838585
- 6A6B6B
- 515352
- 3A3B3B
- 242525
- 101111
- 020202
Toni
- CCCFCE
- C3C6C5
- BBBDBC
- B2B4B3
- AAABAA
- A1A2A2
- 999999
- 909191
- 888888
Armonie di colore
Complementare +180°
- D5D8D7
Windchill
- D9D6D7
≈ Cape Hope
Analogo -30° +30°
- D5D8D7
Windchill
- D6D8D6
≈ Windchill
- D5D8D8
≈ Windchill
Triadico +120° +240°
- D5D8D7
Windchill
- D7D7D9
≈ Desired Dawn
- D9D7D5
≈ Cloudy
Complementare divisa +150° +210°
- D5D8D7
Windchill
- D8D6D9
≈ Desired Dawn
- DAD6D6
≈ So Shy
Tetradico +90° +180° +270°
- D5D8D7
Windchill
- D6D7DA
≈ Limestone Mauve
- D9D6D7
≈ Cape Hope
- D8D7D5
≈ Cloudy
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 1.43:1 · APCA Lc 21
Ag
AAASu nero
WCAG 14.63:1 · APCA Lc 83
Miglior colore del testo: #000000
WCAG 14.63:1 (AAA) · APCA Lc 83
Contrast pairs
Frammenti di codice
CSS
:root {
--windchill: #d5d8d7;
--windchill-rgb: 213 216 215;
--windchill-oklch: oklch(0.88 0.004 174.5);
}
.element {
color: var(--windchill);
background-color: hsl(160 4% 84%);
border-color: oklch(0.88 0.004 174.5);
}Tailwind CSS v4
@theme {
--color-windchill: #d5d8d7;
--color-windchill-50: #f4f5f5;
--color-windchill-100: #e7e8e8;
--color-windchill-200: #d3d5d4;
--color-windchill-300: #b5b8b7;
--color-windchill-400: #9c9f9e;
--color-windchill-500: #848786;
--color-windchill-600: #707271;
--color-windchill-700: #595b5b;
--color-windchill-800: #414342;
--color-windchill-900: #2d2e2e;
--color-windchill-950: #1a1b1a;
}SCSS
$windchill: #d5d8d7;
$windchill-rgb: 213, 216, 215;
$windchill-light: mix(#fff, $windchill, 20%);
$windchill-dark: mix(#000, $windchill, 20%);
.element {
color: $windchill;
box-shadow: 0 0 0 2px rgba($windchill, 0.35);
}