Adlandırılmış renk · #D8DCE1
Wispy Skies
Wispy Skies, #D8DCE1: rgb(216 220 225), hsl(213 13% 86%), oklch(0.893 0.008 253.9). Açık tonlar, koyu tonlar, uyumlar, WCAG ve APCA kontrastı ile CSS, Tailwind v4 ve SCSS kodunu görün.
What does Gray mean? → · Wispy Skies color name →
#D8DCE1
oklch(0.893 0.008 253.9)
Renk dönüşümleri
- HEX
- #d8dce1
- RGB
- rgb(216 220 225)
- HSL
- hsl(213 13% 86%)
- HWB
- hwb(213 85% 12%)
- OKLCH
- oklch(0.893 0.008 253.9)
- OKLab
- oklab(0.893 -0.002 -0.008)
- CIE Lab
- lab(87.56 -0.71 -2.96)
- LCH
- lch(87.56 3.04 256.5)
- CMYK
- cmyk(4% 2% 0% 12%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- DCDFE4
- E0E3E7
- E4E6EA
- E7EAED
- EBEDF0
- EFF1F3
- F3F4F6
- F7F8F9
- FBFBFC
Koyu tonlar
- BCBFC4
- A0A3A7
- 85888B
- 6B6E70
- 535456
- 3B3C3E
- 252627
- 111112
- 020202
Gri tonlar
- CFD2D7
- C6C9CD
- BDBFC3
- B4B6B9
- ABADAF
- A2A4A6
- 9A9B9C
- 919293
- 888989
Renk uyumları
Tamamlayıcı +180°
- D8DCE1
Wispy Skies
- DFDBD6
≈ Clear Cinnamon
Analog -30° +30°
- D8DCE1
Wispy Skies
- D6DDE0
≈ Mystic Pool
- DBDBE1
≈ Big Fish to Fry
Üçlü +120° +240°
- D8DCE1
Wispy Skies
- E1DADA
≈ Porcelain Goldfish
- D9DDD7
≈ Ladoga Bottom
Bölünmüş tamamlayıcı +150° +210°
- D8DCE1
Wispy Skies
- E1DAD7
≈ Porcelain Goldfish
- DCDCD6
≈ Pacific Fog
Dörtlü +90° +180° +270°
- D8DCE1
Wispy Skies
- E0DADD
≈ Wishy-Washy Red
- DFDBD6
≈ Clear Cinnamon
- D7DDDA
≈ Mystic
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 1.37:1 · APCA Lc 18
Ag
AAASiyah üzerinde
WCAG 15.24:1 · APCA Lc 85
En iyi metin rengi: #000000
WCAG 15.24:1 (AAA) · APCA Lc 85
Contrast pairs
Kod parçacıkları
CSS
:root {
--wispy-skies: #d8dce1;
--wispy-skies-rgb: 216 220 225;
--wispy-skies-oklch: oklch(0.893 0.008 253.9);
}
.element {
color: var(--wispy-skies);
background-color: hsl(213 13% 86%);
border-color: oklch(0.893 0.008 253.9);
}Tailwind CSS v4
@theme {
--color-wispy-skies: #d8dce1;
--color-wispy-skies-50: #f4f5f7;
--color-wispy-skies-100: #e6e8ea;
--color-wispy-skies-200: #d2d4d8;
--color-wispy-skies-300: #b5b8bb;
--color-wispy-skies-400: #9b9fa3;
--color-wispy-skies-500: #82878c;
--color-wispy-skies-600: #6e7276;
--color-wispy-skies-700: #585b5e;
--color-wispy-skies-800: #404345;
--color-wispy-skies-900: #2c2e30;
--color-wispy-skies-950: #191b1c;
}SCSS
$wispy-skies: #d8dce1;
$wispy-skies-rgb: 216, 220, 225;
$wispy-skies-light: mix(#fff, $wispy-skies, 20%);
$wispy-skies-dark: mix(#000, $wispy-skies, 20%);
.element {
color: $wispy-skies;
box-shadow: 0 0 0 2px rgba($wispy-skies, 0.35);
}