Benannte Farbe · #D9DED6
White Sash
White Sash ist #D9DED6: rgb(217 222 214), hsl(98 11% 85%), oklch(0.895 0.012 133.4). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Gray mean? → · White Sash color name →
#D9DED6
oklch(0.895 0.012 133.4)
Farbumrechnungen
- HEX
- #d9ded6
- RGB
- rgb(217 222 214)
- HSL
- hsl(98 11% 85%)
- HWB
- hwb(98 84% 13%)
- OKLCH
- oklch(0.895 0.012 133.4)
- OKLab
- oklab(0.895 -0.008 0.009)
- CIE Lab
- lab(87.91 -2.82 3.32)
- LCH
- lch(87.91 4.35 130.4)
- CMYK
- cmyk(2% 0% 4% 13%)
Tints · Shades · Tones
Tints
- DDE1DA
- E1E5DE
- E4E8E2
- E8EBE6
- ECEEEA
- F0F2EE
- F3F5F3
- F7F8F7
- FBFCFB
Shades
- BCC1BA
- A1A59E
- 868984
- 6C6F6A
- 535552
- 3B3D3B
- 252625
- 111210
- 020202
Tones
- D0D4CD
- C7CAC4
- BDC1BB
- B4B7B3
- ABAEAA
- A3A4A1
- 9A9B99
- 919291
- 888988
Farbharmonien
Komplementär +180°
- D9DED6
White Sash
- DFDAE2
≈ Breathless
Analog -30° +30°
- D9DED6
White Sash
- DDDDD4
≈ Frosty White
- D5DFDA
≈ Rapier Silver
Triadisch +120° +240°
- D9DED6
White Sash
- D7DDE4
≈ Cautious Blue
- E4D9DA
≈ Lavender Bikini
Geteilt komplementär +150° +210°
- D9DED6
White Sash
- DBDBE4
≈ Violet Breeze
- E2D9DE
≈ Philanthropist Pink
Tetradisch +90° +180° +270°
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 1.36:1 · APCA Lc 18
Ag
AAAAuf Schwarz
WCAG 15.36:1 · APCA Lc 86
Beste Textfarbe: #000000
WCAG 15.36:1 (AAA) · APCA Lc 86
Contrast pairs
Code-Snippets
CSS
:root {
--white-sash: #d9ded6;
--white-sash-rgb: 217 222 214;
--white-sash-oklch: oklch(0.895 0.012 133.4);
}
.element {
color: var(--white-sash);
background-color: hsl(98 11% 85%);
border-color: oklch(0.895 0.012 133.4);
}Tailwind CSS v4
@theme {
--color-white-sash: #d9ded6;
--color-white-sash-50: #f4f6f2;
--color-white-sash-100: #e6e9e5;
--color-white-sash-200: #d2d5d0;
--color-white-sash-300: #b5b9b3;
--color-white-sash-400: #9ca099;
--color-white-sash-500: #838880;
--color-white-sash-600: #6f736c;
--color-white-sash-700: #595c57;
--color-white-sash-800: #41433f;
--color-white-sash-900: #2d2e2b;
--color-white-sash-950: #1a1b19;
}SCSS
$white-sash: #d9ded6;
$white-sash-rgb: 217, 222, 214;
$white-sash-light: mix(#fff, $white-sash, 20%);
$white-sash-dark: mix(#000, $white-sash, 20%);
.element {
color: $white-sash;
box-shadow: 0 0 0 2px rgba($white-sash, 0.35);
}