Benannte Farbe · #CED9DC
Wisteria Snow
Wisteria Snow ist #CED9DC: rgb(206 217 220), hsl(193 17% 84%), oklch(0.878 0.013 215.8). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Gray mean? → · Wisteria Snow color name →
#CED9DC
oklch(0.878 0.013 215.8)
Farbumrechnungen
- HEX
- #ced9dc
- RGB
- rgb(206 217 220)
- HSL
- hsl(193 17% 84%)
- HWB
- hwb(193 81% 14%)
- OKLCH
- oklch(0.878 0.013 215.8)
- OKLab
- oklab(0.878 -0.01 -0.007)
- CIE Lab
- lab(85.91 -3.42 -2.83)
- LCH
- lch(85.91 4.44 219.7)
- CMYK
- cmyk(6% 1% 0% 14%)
Tints · Shades · Tones
Tints
- D3DDDF
- D8E1E3
- DDE4E6
- E1E8EA
- E6ECED
- EBF0F1
- F0F3F4
- F5F7F8
- FAFBFB
Shades
- B3BCBF
- 98A1A3
- 7F8688
- 666C6E
- 4E5354
- 383B3C
- 232526
- 0F1111
- 020202
Tones
- C6D0D2
- BEC7C9
- B6BDBF
- AEB4B6
- A6ABAD
- 9EA3A4
- 979A9B
- 8F9192
- 878989
Farbharmonien
Komplementär +180°
- CED9DC
Wisteria Snow
- DFD4D1
≈ Light Weathered Hide
Analog -30° +30°
- CED9DC
Wisteria Snow
- CEDAD8
≈ Glacial
- D0D8DF
≈ Twinkle Blue
Triadisch +120° +240°
- CED9DC
Wisteria Snow
- DCD4DA
≈ Light Magnolia Rose
- D9D7CE
≈ Silent Smoke
Geteilt komplementär +150° +210°
- CED9DC
Wisteria Snow
- DFD3D5
≈ Pearl Rose
- DDD5CE
≈ Steel Me
Tetradisch +90° +180° +270°
- CED9DC
Wisteria Snow
- D9D5DE
≈ Violet Whimsey
- DFD4D1
≈ Light Weathered Hide
- D5D8CF
≈ Luna
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 1.44:1 · APCA Lc 21
Ag
AAAAuf Schwarz
WCAG 14.58:1 · APCA Lc 82
Beste Textfarbe: #000000
WCAG 14.58:1 (AAA) · APCA Lc 82
Contrast pairs
Code-Snippets
CSS
:root {
--wisteria-snow: #ced9dc;
--wisteria-snow-rgb: 206 217 220;
--wisteria-snow-oklch: oklch(0.878 0.013 215.8);
}
.element {
color: var(--wisteria-snow);
background-color: hsl(193 17% 84%);
border-color: oklch(0.878 0.013 215.8);
}Tailwind CSS v4
@theme {
--color-wisteria-snow: #ced9dc;
--color-wisteria-snow-50: #f1f6f7;
--color-wisteria-snow-100: #e3e9eb;
--color-wisteria-snow-200: #cfd6d8;
--color-wisteria-snow-300: #b1b9bc;
--color-wisteria-snow-400: #97a0a3;
--color-wisteria-snow-500: #7d888b;
--color-wisteria-snow-600: #6a7376;
--color-wisteria-snow-700: #555c5e;
--color-wisteria-snow-800: #3e4445;
--color-wisteria-snow-900: #2a2f30;
--color-wisteria-snow-950: #181b1c;
}SCSS
$wisteria-snow: #ced9dc;
$wisteria-snow-rgb: 206, 217, 220;
$wisteria-snow-light: mix(#fff, $wisteria-snow, 20%);
$wisteria-snow-dark: mix(#000, $wisteria-snow, 20%);
.element {
color: $wisteria-snow;
box-shadow: 0 0 0 2px rgba($wisteria-snow, 0.35);
}