Benannte Farbe · #D7E5D8
Whispering Frost
Whispering Frost ist #D7E5D8: rgb(215 229 216), hsl(124 21% 87%), oklch(0.908 0.023 147.4). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Gray mean? → · Whispering Frost color name →
#D7E5D8
oklch(0.908 0.023 147.4)
Farbumrechnungen
- HEX
- #d7e5d8
- RGB
- rgb(215 229 216)
- HSL
- hsl(124 21% 87%)
- HWB
- hwb(124 84% 10%)
- OKLCH
- oklch(0.908 0.023 147.4)
- OKLab
- oklab(0.908 -0.019 0.012)
- CIE Lab
- lab(89.6 -6.61 4.67)
- LCH
- lch(89.6 8.09 144.8)
- CMYK
- cmyk(6% 0% 6% 10%)
Tints · Shades · Tones
Tints
- DBE8DC
- DFEAE0
- E3EDE4
- E7EFE7
- EBF2EB
- EFF5EF
- F3F7F3
- F7FAF7
- FBFCFB
Shades
- BBC7BC
- 9FAAA0
- 858E85
- 6B726B
- 525853
- 3B3F3B
- 252825
- 111211
- 020302
Tones
- CEDACF
- C5D0C6
- BCC6BD
- B3BBB4
- ABB1AB
- A2A7A2
- 999D9A
- 919391
- 888A88
Farbharmonien
Komplementär +180°
- D7E5D8
Whispering Frost
- E9DBE9
≈ Elfin Magic
Analog -30° +30°
- D7E5D8
Whispering Frost
- DFE3D2
≈ Greening
- D1E6E0
≈ Ice Dagger
Triadisch +120° +240°
- D7E5D8
Whispering Frost
- DAE0F0
≈ Timid Blue
- F0DBD8
≈ Teewurst
Geteilt komplementär +150° +210°
- D7E5D8
Whispering Frost
- E2DEEE
≈ Velvet Scarf
- EEDBE0
≈ Homoeopathic Red
Tetradisch +90° +180° +270°
- D7E5D8
Whispering Frost
- D3E3EE
≈ Ice Drop
- E9DBE9
≈ Elfin Magic
- EDDDD2
≈ Santa Fe Spirit
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 1.30:1 · APCA Lc 15
Ag
AAAAuf Schwarz
WCAG 16.08:1 · APCA Lc 89
Beste Textfarbe: #000000
WCAG 16.08:1 (AAA) · APCA Lc 89
Contrast pairs
Code-Snippets
CSS
:root {
--whispering-frost: #d7e5d8;
--whispering-frost-rgb: 215 229 216;
--whispering-frost-oklch: oklch(0.908 0.023 147.4);
}
.element {
color: var(--whispering-frost);
background-color: hsl(124 21% 87%);
border-color: oklch(0.908 0.023 147.4);
}Tailwind CSS v4
@theme {
--color-whispering-frost: #d7e5d8;
--color-whispering-frost-50: #f1f7f2;
--color-whispering-frost-100: #e3eae4;
--color-whispering-frost-200: #ced7cf;
--color-whispering-frost-300: #b0bbb1;
--color-whispering-frost-400: #96a297;
--color-whispering-frost-500: #7d8b7e;
--color-whispering-frost-600: #69756a;
--color-whispering-frost-700: #545e55;
--color-whispering-frost-800: #3e453e;
--color-whispering-frost-900: #2a2f2a;
--color-whispering-frost-950: #181c18;
}SCSS
$whispering-frost: #d7e5d8;
$whispering-frost-rgb: 215, 229, 216;
$whispering-frost-light: mix(#fff, $whispering-frost, 20%);
$whispering-frost-dark: mix(#000, $whispering-frost, 20%);
.element {
color: $whispering-frost;
box-shadow: 0 0 0 2px rgba($whispering-frost, 0.35);
}