Adlandırılmış renk · #CEE3DC
Dew Not Disturb
Dew Not Disturb, #CEE3DC: rgb(206 227 220), hsl(160 27% 85%), oklch(0.898 0.024 173.8). Açık tonlar, koyu tonlar, uyumlar, WCAG ve APCA kontrastı ile CSS, Tailwind v4 ve SCSS kodunu görün.
What does Gray mean? → · Dew Not Disturb color name →
#CEE3DC
oklch(0.898 0.024 173.8)
Renk dönüşümleri
- HEX
- #cee3dc
- RGB
- rgb(206 227 220)
- HSL
- hsl(160 27% 85%)
- HWB
- hwb(160 81% 11%)
- OKLCH
- oklch(0.898 0.024 173.8)
- OKLab
- oklab(0.898 -0.024 0.003)
- CIE Lab
- lab(88.51 -8.21 0.92)
- LCH
- lch(88.51 8.26 173.6)
- CMYK
- cmyk(9% 0% 3% 11%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- D3E6DF
- D8E9E3
- DDEBE6
- E2EEEA
- E6F1ED
- EBF4F1
- F0F7F4
- F5F9F8
- FAFCFB
Koyu tonlar
- B3C5BF
- 98A8A3
- 7F8C88
- 66716E
- 4E5754
- 383F3C
- 232726
- 0F1211
- 020302
Gri tonlar
- C6D9D2
- BECEC9
- B6C4BF
- AEBAB6
- A6B0AD
- 9FA6A4
- 979D9B
- 8F9392
- 888989
Renk uyumları
Tamamlayıcı +180°
- CEE3DC
Dew Not Disturb
- EBD7DE
≈ Lighthearted Pink
Analog -30° +30°
- CEE3DC
Dew Not Disturb
- D4E2D4
≈ Minty Delight
- CCE3E5
≈ Wave Splash
Üçlü +120° +240°
- CEE3DC
Dew Not Disturb
- DEDBEC
≈ Chinese Silver
- EBDACF
≈ Gobi Beige
Bölünmüş tamamlayıcı +150° +210°
- CEE3DC
Dew Not Disturb
- E6D8E7
≈ Snuff
- EDD8D6
≈ Light Youth
Dörtlü +90° +180° +270°
- CEE3DC
Dew Not Disturb
- D5DEEE
≈ Weeping Wisteria
- EBD7DE
≈ Lighthearted Pink
- E5DCCC
≈ Varnished Ivory
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 1.34:1 · APCA Lc 17
Ag
AAASiyah üzerinde
WCAG 15.64:1 · APCA Lc 87
En iyi metin rengi: #000000
WCAG 15.64:1 (AAA) · APCA Lc 87
Contrast pairs
Kod parçacıkları
CSS
:root {
--dew-not-disturb: #cee3dc;
--dew-not-disturb-rgb: 206 227 220;
--dew-not-disturb-oklch: oklch(0.898 0.024 173.8);
}
.element {
color: var(--dew-not-disturb);
background-color: hsl(160 27% 85%);
border-color: oklch(0.898 0.024 173.8);
}Tailwind CSS v4
@theme {
--color-dew-not-disturb: #cee3dc;
--color-dew-not-disturb-50: #eef7f5;
--color-dew-not-disturb-100: #e0ebe7;
--color-dew-not-disturb-200: #cad8d4;
--color-dew-not-disturb-300: #abbcb7;
--color-dew-not-disturb-400: #91a39d;
--color-dew-not-disturb-500: #768c85;
--color-dew-not-disturb-600: #647670;
--color-dew-not-disturb-700: #505f5a;
--color-dew-not-disturb-800: #3a4541;
--color-dew-not-disturb-900: #28302d;
--color-dew-not-disturb-950: #161c1a;
}SCSS
$dew-not-disturb: #cee3dc;
$dew-not-disturb-rgb: 206, 227, 220;
$dew-not-disturb-light: mix(#fff, $dew-not-disturb, 20%);
$dew-not-disturb-dark: mix(#000, $dew-not-disturb, 20%);
.element {
color: $dew-not-disturb;
box-shadow: 0 0 0 2px rgba($dew-not-disturb, 0.35);
}