Adlandırılmış renk · #D0D8CF
Wind Fresh White
Wind Fresh White, #D0D8CF: rgb(208 216 207), hsl(113 10% 83%), oklch(0.874 0.015 142.2). Açık tonlar, koyu tonlar, uyumlar, WCAG ve APCA kontrastı ile CSS, Tailwind v4 ve SCSS kodunu görün.
What does Gray mean? → · Wind Fresh White color name →
#D0D8CF
oklch(0.874 0.015 142.2)
Renk dönüşümleri
- HEX
- #d0d8cf
- RGB
- rgb(208 216 207)
- HSL
- hsl(113 10% 83%)
- HWB
- hwb(113 81% 15%)
- OKLCH
- oklch(0.874 0.015 142.2)
- OKLab
- oklab(0.874 -0.012 0.009)
- CIE Lab
- lab(85.53 -4.03 3.46)
- LCH
- lch(85.53 5.31 139.3)
- CMYK
- cmyk(4% 0% 4% 15%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- D5DCD4
- D9E0D8
- DEE4DD
- E3E7E2
- E7EBE7
- ECEFEC
- F1F3F0
- F5F7F5
- FAFBFA
Koyu tonlar
- B5BCB4
- 9AA099
- 80857F
- 676B67
- 4F534F
- 393B38
- 232523
- 101110
- 020202
Gri tonlar
- C8CFC7
- BFC6BF
- B7BDB7
- AFB4AF
- A7ABA7
- 9FA29F
- 979A97
- 8F918F
- 888888
Renk uyumları
Tamamlayıcı +180°
- D0D8CF
Wind Fresh White
- DAD2DB
≈ Blackberry Cream
Analog -30° +30°
- D0D8CF
Wind Fresh White
- D5D7CB
≈ Ancient Kingdom
- CCD9D4
≈ Sea Haze Grey
Üçlü +120° +240°
- D0D8CF
Wind Fresh White
- D0D6E0
≈ Twinkle Blue
- DFD2D1
≈ Pearl Rose
Bölünmüş tamamlayıcı +150° +210°
- D0D8CF
Wind Fresh White
- D5D4DF
≈ Purple Veil
- DED2D6
≈ Blush of Morn
Dörtlü +90° +180° +270°
- D0D8CF
Wind Fresh White
- CCD7DE
≈ Poppy’s Whiskers
- DAD2DB
≈ Blackberry Cream
- DED3CD
≈ Ancient Pages
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 1.45:1 · APCA Lc 22
Ag
AAASiyah üzerinde
WCAG 14.40:1 · APCA Lc 82
En iyi metin rengi: #000000
WCAG 14.40:1 (AAA) · APCA Lc 82
Contrast pairs
Kod parçacıkları
CSS
:root {
--wind-fresh-white: #d0d8cf;
--wind-fresh-white-rgb: 208 216 207;
--wind-fresh-white-oklch: oklch(0.874 0.015 142.2);
}
.element {
color: var(--wind-fresh-white);
background-color: hsl(113 10% 83%);
border-color: oklch(0.874 0.015 142.2);
}Tailwind CSS v4
@theme {
--color-wind-fresh-white: #d0d8cf;
--color-wind-fresh-white-50: #f3f6f2;
--color-wind-fresh-white-100: #e5e9e5;
--color-wind-fresh-white-200: #d0d6d0;
--color-wind-fresh-white-300: #b3b9b3;
--color-wind-fresh-white-400: #9aa199;
--color-wind-fresh-white-500: #818980;
--color-wind-fresh-white-600: #6d746c;
--color-wind-fresh-white-700: #575d56;
--color-wind-fresh-white-800: #40443f;
--color-wind-fresh-white-900: #2c2f2b;
--color-wind-fresh-white-950: #191b19;
}SCSS
$wind-fresh-white: #d0d8cf;
$wind-fresh-white-rgb: 208, 216, 207;
$wind-fresh-white-light: mix(#fff, $wind-fresh-white, 20%);
$wind-fresh-white-dark: mix(#000, $wind-fresh-white, 20%);
.element {
color: $wind-fresh-white;
box-shadow: 0 0 0 2px rgba($wind-fresh-white, 0.35);
}