لون مسمّى · #CEE3DC
Dew Not Disturb
Dew Not Disturb هو #CEE3DC: rgb(206 227 220)، hsl(160 27% 85%)، oklch(0.898 0.024 173.8). شاهد الدرجات الفاتحة والداكنة والتناسقات وتباين WCAG وAPCA وأكواد CSS وTailwind v4 وSCSS.
What does Gray mean? → · Dew Not Disturb color name →
#CEE3DC
oklch(0.898 0.024 173.8)
تحويلات الألوان
- 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%)
درجات فاتحة · درجات داكنة · درجات رمادية
درجات فاتحة
- D3E6DF
- D8E9E3
- DDEBE6
- E2EEEA
- E6F1ED
- EBF4F1
- F0F7F4
- F5F9F8
- FAFCFB
درجات داكنة
- B3C5BF
- 98A8A3
- 7F8C88
- 66716E
- 4E5754
- 383F3C
- 232726
- 0F1211
- 020302
درجات رمادية
- C6D9D2
- BECEC9
- B6C4BF
- AEBAB6
- A6B0AD
- 9FA6A4
- 979D9B
- 8F9392
- 888989
تناسق الألوان
متمم +180°
- CEE3DC
Dew Not Disturb
- EBD7DE
≈ Lighthearted Pink
متجاور -30° +30°
- CEE3DC
Dew Not Disturb
- D4E2D4
≈ Minty Delight
- CCE3E5
≈ Wave Splash
ثلاثي +120° +240°
- CEE3DC
Dew Not Disturb
- DEDBEC
≈ Chinese Silver
- EBDACF
≈ Gobi Beige
متمم منقسم +150° +210°
- CEE3DC
Dew Not Disturb
- E6D8E7
≈ Snuff
- EDD8D6
≈ Light Youth
رباعي +90° +180° +270°
- CEE3DC
Dew Not Disturb
- D5DEEE
≈ Weeping Wisteria
- EBD7DE
≈ Lighthearted Pink
- E5DCCC
≈ Varnished Ivory
التباين وإمكانية الوصول
Ag
Failعلى الأبيض
WCAG 1.34:1 · APCA Lc 17
Ag
AAAعلى الأسود
WCAG 15.64:1 · APCA Lc 87
أفضل لون للنص: #000000
WCAG 15.64:1 (AAA) · APCA Lc 87
Contrast pairs
مقتطفات الأكواد
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);
}