Named color · #D7EDE8
Dew Pointe
Dew Pointe is #D7EDE8: rgb(215 237 232), hsl(166 38% 89%), oklch(0.929 0.024 180.6). See tints, shades, harmonies, WCAG & APCA contrast, and CSS, Tailwind v4 & SCSS code.
What does Gray mean? → · Dew Pointe color name →
#D7EDE8
oklch(0.929 0.024 180.6)
Color conversions
- 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%)
Tints · Shades · Tones
Tints
- DBEFEA
- DFF1ED
- E3F2EF
- E7F4F1
- EBF6F3
- EFF8F6
- F3FAF8
- F7FBFA
- FBFDFD
Shades
- BBCECA
- 9FB0AC
- 859390
- 6B7774
- 525C59
- 3B4240
- 252A29
- 111413
- 020303
Tones
- CEE2DD
- C5D6D2
- BCCBC8
- B3C0BD
- ABB5B3
- A2AAA8
- 999F9E
- 919594
- 888A8A
Color harmonies
Complementary +180°
- D7EDE8
Dew Pointe
- F6E1E6
≈ Poetic Princess
Analogous -30° +30°
- D7EDE8
Dew Pointe
- DDECDF
≈ Cryo Freeze
- D6ECF0
≈ Sparkling River
Triadic +120° +240°
- D7EDE8
Dew Pointe
- EAE4F5
≈ Sheer Lavender
- F4E4D8
≈ Early Sunset
Split-complementary +150° +210°
- D7EDE8
Dew Pointe
- F1E2EF
≈ Sheer Lavender
- F7E2DE
≈ Floral Linen
Tetradic +90° +180° +270°
- D7EDE8
Dew Pointe
- E1E7F8
≈ Glitter
- F6E1E6
≈ Poetic Princess
- EDE7D6
≈ Board & Batten
Contrast & accessibility
Ag
FailOn white
WCAG 1.22:1 · APCA Lc 11
Ag
AAAOn black
WCAG 17.16:1 · APCA Lc 93
Best text color: #000000
WCAG 17.16:1 (AAA) · APCA Lc 93
Contrast pairs
Code snippets
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);
}