En yakın adlandırılmış renk · #DCE2E6
#DCE2E6
En yakın adlandırılmış renk: Wind Blown
#DCE2E6 (rgb(220 226 230), hsl(204 17% 88%), oklch(0.909 0.008 236.6)) en çok Wind Blown adlı renge yakındır. Açık tonlar, koyu tonlar, uyumlar, WCAG ve APCA kontrastı ile CSS, Tailwind v4 ve SCSS kodunu görün.
#DCE2E6
oklch(0.909 0.008 236.6)
Renk dönüşümleri
- HEX
- #dce2e6
- RGB
- rgb(220 226 230)
- HSL
- hsl(204 17% 88%)
- HWB
- hwb(204 86% 10%)
- OKLCH
- oklch(0.909 0.008 236.6)
- OKLab
- oklab(0.909 -0.005 -0.007)
- CIE Lab
- lab(89.51 -1.54 -2.7)
- LCH
- lch(89.51 3.11 240.4)
- CMYK
- cmyk(4% 2% 0% 10%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- DFE5E8
- E3E8EB
- E6EBED
- EAEEF0
- EDF0F2
- F1F3F5
- F4F6F7
- F8F9FA
- FBFCFC
Koyu tonlar
- BFC4C8
- A3A8AB
- 888C8E
- 6E7173
- 545759
- 3C3E40
- 262728
- 111213
- 020303
Gri tonlar
- D2D8DB
- C9CED1
- BFC4C6
- B6BABC
- ADB0B2
- A4A6A7
- 9B9C9D
- 929393
- 89898A
Renk uyumları
Tamamlayıcı +180°
- DCE2E6
Wind Blown
- E6E0DC
≈ Timid Beige
Analog -30° +30°
- DCE2E6
Wind Blown
- DBE3E4
≈ Serene
- DEE1E7
≈ Lilac Champagne
Üçlü +120° +240°
- DCE2E6
Wind Blown
- E6DFE1
≈ Pearl Violet
- E0E2DC
≈ Tundra Frost
Bölünmüş tamamlayıcı +150° +210°
- DCE2E6
Wind Blown
- E7DFDE
≈ Parasol
- E3E1DB
≈ Granular Limestone
Dörtlü +90° +180° +270°
- DCE2E6
Wind Blown
- E4DFE4
≈ Pearl Violet
- E6E0DC
≈ Timid Beige
- DEE3DE
≈ Whitecap Foam
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 1.30:1 · APCA Lc 15
Ag
AAASiyah üzerinde
WCAG 16.06:1 · APCA Lc 89
En iyi metin rengi: #000000
WCAG 16.06:1 (AAA) · APCA Lc 89
Contrast pairs
Kod parçacıkları
CSS
:root {
--wind-blown: #dce2e6;
--wind-blown-rgb: 220 226 230;
--wind-blown-oklch: oklch(0.909 0.008 236.6);
}
.element {
color: var(--wind-blown);
background-color: hsl(204 17% 88%);
border-color: oklch(0.909 0.008 236.6);
}Tailwind CSS v4
@theme {
--color-wind-blown: #dce2e6;
--color-wind-blown-50: #f3f5f7;
--color-wind-blown-100: #e5e8ea;
--color-wind-blown-200: #d1d5d7;
--color-wind-blown-300: #b4b8bb;
--color-wind-blown-400: #9a9fa3;
--color-wind-blown-500: #81878b;
--color-wind-blown-600: #6d7276;
--color-wind-blown-700: #575b5e;
--color-wind-blown-800: #404345;
--color-wind-blown-900: #2c2e30;
--color-wind-blown-950: #191b1c;
}SCSS
$wind-blown: #dce2e6;
$wind-blown-rgb: 220, 226, 230;
$wind-blown-light: mix(#fff, $wind-blown, 20%);
$wind-blown-dark: mix(#000, $wind-blown, 20%);
.element {
color: $wind-blown;
box-shadow: 0 0 0 2px rgba($wind-blown, 0.35);
}