Benannte Farbe · #D9EEE1
Spring Dew
Spring Dew ist #D9EEE1: rgb(217 238 225), hsl(143 38% 89%), oklch(0.93 0.028 158.7). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Gray mean? → · Spring Dew color name →
#D9EEE1
oklch(0.93 0.028 158.7)
Farbumrechnungen
- HEX
- #d9eee1
- RGB
- rgb(217 238 225)
- HSL
- hsl(143 38% 89%)
- HWB
- hwb(143 85% 7%)
- OKLCH
- oklch(0.93 0.028 158.7)
- OKLab
- oklab(0.93 -0.026 0.01)
- CIE Lab
- lab(92.26 -8.97 3.83)
- LCH
- lch(92.26 9.75 156.9)
- CMYK
- cmyk(9% 0% 5% 7%)
Tints · Shades · Tones
Tints
- DDF0E4
- E1F1E7
- E4F3EA
- E8F5ED
- ECF7F0
- F0F8F3
- F4FAF6
- F7FCF9
- FBFDFC
Shades
- BCCFC4
- A1B1A7
- 86938B
- 6C7770
- 535C56
- 3B423E
- 252A27
- 111412
- 020302
Tones
- D0E2D7
- C7D7CD
- BECCC3
- B4C1B9
- ACB5AF
- A3ABA6
- 9AA09C
- 919593
- 898A89
Farbharmonien
Komplementär +180°
- D9EEE1
Spring Dew
- F5E1EE
≈ Pale Orchid Petal
Analog -30° +30°
- D9EEE1
Spring Dew
- E2ECD8
≈ Lime Glow
- D4EEEB
≈ Puffy Little Cloud
Triadisch +120° +240°
- D9EEE1
Spring Dew
- E3E6FB
≈ Lavender Mist
- FAE2DA
≈ Sly Shrimp
Geteilt komplementär +150° +210°
- D9EEE1
Spring Dew
- EDE3F7
≈ Sheer Lavender
- FAE1E4
≈ Poetic Princess
Tetradisch +90° +180° +270°
- D9EEE1
Spring Dew
- DAEAFA
≈ Hoarfrost
- F5E1EE
≈ Pale Orchid Petal
- F5E5D4
≈ Heirloom Lace
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 1.21:1 · APCA Lc 11
Ag
AAAAuf Schwarz
WCAG 17.26:1 · APCA Lc 93
Beste Textfarbe: #000000
WCAG 17.26:1 (AAA) · APCA Lc 93
Contrast pairs
Code-Snippets
CSS
:root {
--spring-dew: #d9eee1;
--spring-dew-rgb: 217 238 225;
--spring-dew-oklch: oklch(0.93 0.028 158.7);
}
.element {
color: var(--spring-dew);
background-color: hsl(143 38% 89%);
border-color: oklch(0.93 0.028 158.7);
}Tailwind CSS v4
@theme {
--color-spring-dew: #d9eee1;
--color-spring-dew-50: #eff8f2;
--color-spring-dew-100: #e0ebe5;
--color-spring-dew-200: #cad8d0;
--color-spring-dew-300: #acbcb3;
--color-spring-dew-400: #91a498;
--color-spring-dew-500: #778c7f;
--color-spring-dew-600: #65776c;
--color-spring-dew-700: #515f56;
--color-spring-dew-800: #3b453e;
--color-spring-dew-900: #28302b;
--color-spring-dew-950: #161c18;
}SCSS
$spring-dew: #d9eee1;
$spring-dew-rgb: 217, 238, 225;
$spring-dew-light: mix(#fff, $spring-dew, 20%);
$spring-dew-dark: mix(#000, $spring-dew, 20%);
.element {
color: $spring-dew;
box-shadow: 0 0 0 2px rgba($spring-dew, 0.35);
}