Benannte Farbe · #D7E1E5
Tahoe Snow
Tahoe Snow ist #D7E1E5: rgb(215 225 229), hsl(197 21% 87%), oklch(0.903 0.012 223.5). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Gray mean? → · Tahoe Snow color name →
#D7E1E5
oklch(0.903 0.012 223.5)
Farbumrechnungen
- HEX
- #d7e1e5
- RGB
- rgb(215 225 229)
- HSL
- hsl(197 21% 87%)
- HWB
- hwb(197 84% 10%)
- OKLCH
- oklch(0.903 0.012 223.5)
- OKLab
- oklab(0.903 -0.009 -0.008)
- CIE Lab
- lab(88.85 -2.91 -3.18)
- LCH
- lch(88.85 4.31 227.6)
- CMYK
- cmyk(6% 2% 0% 10%)
Tints · Shades · Tones
Tints
- DBE4E8
- DFE7EA
- E3EAED
- E7EDEF
- EBF0F2
- EFF3F5
- F3F6F7
- F7F9FA
- FBFCFC
Shades
- BBC4C7
- 9FA7AA
- 858B8E
- 6B7072
- 525658
- 3B3E3F
- 252728
- 111212
- 020203
Tones
- CED7DA
- C5CDD0
- BCC3C6
- B3B9BB
- AAAFB1
- A2A6A7
- 999C9D
- 919393
- 88898A
Farbharmonien
Komplementär +180°
- D7E1E5
Tahoe Snow
- E7DDD9
≈ Memories
Analog -30° +30°
- D7E1E5
Tahoe Snow
- D6E2E1
≈ Divine Inspiration
- DAE0E7
≈ Eastern Breeze
Triadisch +120° +240°
- D7E1E5
Tahoe Snow
- E5DCE1
≈ Rusty Pebble
- E0E0D7
≈ Roadster White
Geteilt komplementär +150° +210°
- D7E1E5
Tahoe Snow
- E7DCDD
≈ White Cherry
- E4DED7
≈ Incredible White
Tetradisch +90° +180° +270°
- D7E1E5
Tahoe Snow
- E2DDE5
≈ Frozen Statues
- E7DDD9
≈ Memories
- DCE1D9
≈ Wishy-Washy Mint
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 1.32:1 · APCA Lc 16
Ag
AAAAuf Schwarz
WCAG 15.79:1 · APCA Lc 87
Beste Textfarbe: #000000
WCAG 15.79:1 (AAA) · APCA Lc 87
Contrast pairs
Code-Snippets
CSS
:root {
--tahoe-snow: #d7e1e5;
--tahoe-snow-rgb: 215 225 229;
--tahoe-snow-oklch: oklch(0.903 0.012 223.5);
}
.element {
color: var(--tahoe-snow);
background-color: hsl(197 21% 87%);
border-color: oklch(0.903 0.012 223.5);
}Tailwind CSS v4
@theme {
--color-tahoe-snow: #d7e1e5;
--color-tahoe-snow-50: #f2f6f8;
--color-tahoe-snow-100: #e4e9eb;
--color-tahoe-snow-200: #cfd5d8;
--color-tahoe-snow-300: #b1b9bc;
--color-tahoe-snow-400: #97a0a4;
--color-tahoe-snow-500: #7e888c;
--color-tahoe-snow-600: #6b7377;
--color-tahoe-snow-700: #555c5f;
--color-tahoe-snow-800: #3e4345;
--color-tahoe-snow-900: #2b2f30;
--color-tahoe-snow-950: #181b1c;
}SCSS
$tahoe-snow: #d7e1e5;
$tahoe-snow-rgb: 215, 225, 229;
$tahoe-snow-light: mix(#fff, $tahoe-snow, 20%);
$tahoe-snow-dark: mix(#000, $tahoe-snow, 20%);
.element {
color: $tahoe-snow;
box-shadow: 0 0 0 2px rgba($tahoe-snow, 0.35);
}