Benannte Farbe · #D9D9D6
Winter Morn
Winter Morn ist #D9D9D6: rgb(217 217 214), hsl(60 4% 85%), oklch(0.884 0.004 106.5). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Gray mean? → · Winter Morn color name →
#D9D9D6
oklch(0.884 0.004 106.5)
Farbumrechnungen
- HEX
- #d9d9d6
- RGB
- rgb(217 217 214)
- HSL
- hsl(60 4% 85%)
- HWB
- hwb(60 84% 15%)
- OKLCH
- oklch(0.884 0.004 106.5)
- OKLab
- oklab(0.884 -0.001 0.004)
- CIE Lab
- lab(86.63 -0.4 1.48)
- LCH
- lch(86.63 1.53 105.1)
- CMYK
- cmyk(0% 0% 1% 15%)
Tints · Shades · Tones
Tints
- DDDDDA
- E1E1DE
- E4E4E2
- E8E8E6
- ECECEA
- F0F0EE
- F3F3F3
- F7F7F7
- FBFBFB
Shades
- BCBCBA
- A1A19E
- 868684
- 6C6C6A
- 535352
- 3B3B3B
- 252525
- 111110
- 020202
Tones
- D0D0CD
- C7C7C4
- BDBDBB
- B4B4B3
- ABABAA
- A3A3A1
- 9A9A99
- 919191
- 888888
Farbharmonien
Komplementär +180°
- D9D9D6
Winter Morn
- D8D8DB
≈ Mais Oui
Analog -30° +30°
- D9D9D6
Winter Morn
- DAD8D6
≈ Winter Morn
- D8D9D7
≈ Winter Morn
Triadisch +120° +240°
- D9D9D6
Winter Morn
- D6D9DB
≈ House Sparrow’s Egg
- DBD8D9
≈ Urban Snowfall
Geteilt komplementär +150° +210°
- D9D9D6
Winter Morn
- D7D9DC
≈ House Sparrow’s Egg
- DAD8DB
≈ Urban Snowfall
Tetradisch +90° +180° +270°
- D9D9D6
Winter Morn
- D6DADA
≈ Grey Shimmer
- D8D8DB
≈ Mais Oui
- DBD8D8
≈ Go to Grey
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 1.41:1 · APCA Lc 20
Ag
AAAAuf Schwarz
WCAG 14.84:1 · APCA Lc 83
Beste Textfarbe: #000000
WCAG 14.84:1 (AAA) · APCA Lc 83
Contrast pairs
Code-Snippets
CSS
:root {
--winter-morn: #d9d9d6;
--winter-morn-rgb: 217 217 214;
--winter-morn-oklch: oklch(0.884 0.004 106.5);
}
.element {
color: var(--winter-morn);
background-color: hsl(60 4% 85%);
border-color: oklch(0.884 0.004 106.5);
}Tailwind CSS v4
@theme {
--color-winter-morn: #d9d9d6;
--color-winter-morn-50: #f5f5f4;
--color-winter-morn-100: #e8e8e6;
--color-winter-morn-200: #d4d4d2;
--color-winter-morn-300: #b7b7b5;
--color-winter-morn-400: #9e9e9c;
--color-winter-morn-500: #868683;
--color-winter-morn-600: #72726f;
--color-winter-morn-700: #5b5b59;
--color-winter-morn-800: #424241;
--color-winter-morn-900: #2e2e2d;
--color-winter-morn-950: #1b1b1a;
}SCSS
$winter-morn: #d9d9d6;
$winter-morn-rgb: 217, 217, 214;
$winter-morn-light: mix(#fff, $winter-morn, 20%);
$winter-morn-dark: mix(#000, $winter-morn, 20%);
.element {
color: $winter-morn;
box-shadow: 0 0 0 2px rgba($winter-morn, 0.35);
}