Colore con nome · #CEE3DC
Dew Not Disturb
Dew Not Disturb è #CEE3DC: rgb(206 227 220), hsl(160 27% 85%), oklch(0.898 0.024 173.8). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Gray mean? → · Dew Not Disturb color name →
#CEE3DC
oklch(0.898 0.024 173.8)
Conversioni di colore
- 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%)
Tinte · Ombre · Toni
Tinte
- D3E6DF
- D8E9E3
- DDEBE6
- E2EEEA
- E6F1ED
- EBF4F1
- F0F7F4
- F5F9F8
- FAFCFB
Ombre
- B3C5BF
- 98A8A3
- 7F8C88
- 66716E
- 4E5754
- 383F3C
- 232726
- 0F1211
- 020302
Toni
- C6D9D2
- BECEC9
- B6C4BF
- AEBAB6
- A6B0AD
- 9FA6A4
- 979D9B
- 8F9392
- 888989
Armonie di colore
Complementare +180°
- CEE3DC
Dew Not Disturb
- EBD7DE
≈ Lighthearted Pink
Analogo -30° +30°
- CEE3DC
Dew Not Disturb
- D4E2D4
≈ Minty Delight
- CCE3E5
≈ Wave Splash
Triadico +120° +240°
- CEE3DC
Dew Not Disturb
- DEDBEC
≈ Chinese Silver
- EBDACF
≈ Gobi Beige
Complementare divisa +150° +210°
- CEE3DC
Dew Not Disturb
- E6D8E7
≈ Snuff
- EDD8D6
≈ Light Youth
Tetradico +90° +180° +270°
- CEE3DC
Dew Not Disturb
- D5DEEE
≈ Weeping Wisteria
- EBD7DE
≈ Lighthearted Pink
- E5DCCC
≈ Varnished Ivory
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 1.34:1 · APCA Lc 17
Ag
AAASu nero
WCAG 15.64:1 · APCA Lc 87
Miglior colore del testo: #000000
WCAG 15.64:1 (AAA) · APCA Lc 87
Contrast pairs
Frammenti di codice
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);
}