Colore con nome · #D7EDE8
Dew Pointe
Dew Pointe è #D7EDE8: rgb(215 237 232), hsl(166 38% 89%), oklch(0.929 0.024 180.6). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Gray mean? → · Dew Pointe color name →
#D7EDE8
oklch(0.929 0.024 180.6)
Conversioni di colore
- HEX
- #d7ede8
- RGB
- rgb(215 237 232)
- HSL
- hsl(166 38% 89%)
- HWB
- hwb(166 84% 7%)
- OKLCH
- oklch(0.929 0.024 180.6)
- OKLab
- oklab(0.929 -0.024 0)
- CIE Lab
- lab(92.01 -8.21 -0.17)
- LCH
- lch(92.01 8.21 181.2)
- CMYK
- cmyk(9% 0% 2% 7%)
Tinte · Ombre · Toni
Tinte
- DBEFEA
- DFF1ED
- E3F2EF
- E7F4F1
- EBF6F3
- EFF8F6
- F3FAF8
- F7FBFA
- FBFDFD
Ombre
- BBCECA
- 9FB0AC
- 859390
- 6B7774
- 525C59
- 3B4240
- 252A29
- 111413
- 020303
Toni
- CEE2DD
- C5D6D2
- BCCBC8
- B3C0BD
- ABB5B3
- A2AAA8
- 999F9E
- 919594
- 888A8A
Armonie di colore
Complementare +180°
- D7EDE8
Dew Pointe
- F6E1E6
≈ Poetic Princess
Analogo -30° +30°
- D7EDE8
Dew Pointe
- DDECDF
≈ Cryo Freeze
- D6ECF0
≈ Sparkling River
Triadico +120° +240°
- D7EDE8
Dew Pointe
- EAE4F5
≈ Sheer Lavender
- F4E4D8
≈ Early Sunset
Complementare divisa +150° +210°
- D7EDE8
Dew Pointe
- F1E2EF
≈ Sheer Lavender
- F7E2DE
≈ Floral Linen
Tetradico +90° +180° +270°
- D7EDE8
Dew Pointe
- E1E7F8
≈ Glitter
- F6E1E6
≈ Poetic Princess
- EDE7D6
≈ Board & Batten
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 1.22:1 · APCA Lc 11
Ag
AAASu nero
WCAG 17.16:1 · APCA Lc 93
Miglior colore del testo: #000000
WCAG 17.16:1 (AAA) · APCA Lc 93
Contrast pairs
Frammenti di codice
CSS
:root {
--dew-pointe: #d7ede8;
--dew-pointe-rgb: 215 237 232;
--dew-pointe-oklch: oklch(0.929 0.024 180.6);
}
.element {
color: var(--dew-pointe);
background-color: hsl(166 38% 89%);
border-color: oklch(0.929 0.024 180.6);
}Tailwind CSS v4
@theme {
--color-dew-pointe: #d7ede8;
--color-dew-pointe-50: #eef7f6;
--color-dew-pointe-100: #e0ebe8;
--color-dew-pointe-200: #cad8d5;
--color-dew-pointe-300: #abbcb8;
--color-dew-pointe-400: #90a39f;
--color-dew-pointe-500: #758c87;
--color-dew-pointe-600: #647672;
--color-dew-pointe-700: #4f5f5b;
--color-dew-pointe-800: #3a4542;
--color-dew-pointe-900: #28302e;
--color-dew-pointe-950: #161c1b;
}SCSS
$dew-pointe: #d7ede8;
$dew-pointe-rgb: 215, 237, 232;
$dew-pointe-light: mix(#fff, $dew-pointe, 20%);
$dew-pointe-dark: mix(#000, $dew-pointe, 20%);
.element {
color: $dew-pointe;
box-shadow: 0 0 0 2px rgba($dew-pointe, 0.35);
}