Benannte Farbe · #D1D3E0
White Shadow
White Shadow ist #D1D3E0: rgb(209 211 224), hsl(232 19% 85%), oklch(0.869 0.018 279). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Gray mean? → · White Shadow color name →
#D1D3E0
oklch(0.869 0.018 279)
Farbumrechnungen
- HEX
- #d1d3e0
- RGB
- rgb(209 211 224)
- HSL
- hsl(232 19% 85%)
- HWB
- hwb(232 82% 12%)
- OKLCH
- oklch(0.869 0.018 279)
- OKLab
- oklab(0.869 0.003 -0.018)
- CIE Lab
- lab(84.69 1.12 -6.68)
- LCH
- lch(84.69 6.78 279.5)
- CMYK
- cmyk(7% 6% 0% 12%)
Tints · Shades · Tones
Tints
- D6D7E3
- DADCE6
- DFE0E9
- E3E4EC
- E8E9EF
- ECEDF3
- F1F2F6
- F6F6F9
- FAFBFC
Shades
- B5B7C3
- 9B9CA6
- 81828A
- 686970
- 505156
- 393A3E
- 232427
- 101012
- 020202
Tones
- C9CAD6
- C0C2CC
- B8B9C2
- B0B1B8
- A8A9AF
- A0A0A5
- 98989C
- 909092
- 888889
Farbharmonien
Komplementär +180°
- D1D3E0
White Shadow
- D7D4C7
≈ Barest Hush
Analog -30° +30°
- D1D3E0
White Shadow
- CBD5E0
≈ Ephemeral Blue
- D7D1DD
≈ Iron Maiden
Triadisch +120° +240°
- D1D3E0
White Shadow
- DFD0CB
≈ Watermelon Milk
- CBD8D0
≈ Soft Haze
Geteilt komplementär +150° +210°
- D1D3E0
White Shadow
- DCD2C8
≈ Ballroom Belle
- D0D6CA
≈ Aspen Mist
Tetradisch +90° +180° +270°
- D1D3E0
White Shadow
- DFCFD1
≈ Light Aroma
- D7D4C7
≈ Barest Hush
- C7D8D6
≈ Offshore Mist
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 1.48:1 · APCA Lc 23
Ag
AAAAuf Schwarz
WCAG 14.10:1 · APCA Lc 80
Beste Textfarbe: #000000
WCAG 14.10:1 (AAA) · APCA Lc 80
Contrast pairs
Code-Snippets
CSS
:root {
--white-shadow: #d1d3e0;
--white-shadow-rgb: 209 211 224;
--white-shadow-oklch: oklch(0.869 0.018 279);
}
.element {
color: var(--white-shadow);
background-color: hsl(232 19% 85%);
border-color: oklch(0.869 0.018 279);
}Tailwind CSS v4
@theme {
--color-white-shadow: #d1d3e0;
--color-white-shadow-50: #f4f5fa;
--color-white-shadow-100: #e6e7ee;
--color-white-shadow-200: #d2d3dc;
--color-white-shadow-300: #b5b6c1;
--color-white-shadow-400: #9c9ea9;
--color-white-shadow-500: #838592;
--color-white-shadow-600: #6f717c;
--color-white-shadow-700: #595a63;
--color-white-shadow-800: #414249;
--color-white-shadow-900: #2c2d32;
--color-white-shadow-950: #1a1a1e;
}SCSS
$white-shadow: #d1d3e0;
$white-shadow-rgb: 209, 211, 224;
$white-shadow-light: mix(#fff, $white-shadow, 20%);
$white-shadow-dark: mix(#000, $white-shadow, 20%);
.element {
color: $white-shadow;
box-shadow: 0 0 0 2px rgba($white-shadow, 0.35);
}