Benannte Farbe · #D8DDCA
Grassy Glade
Grassy Glade ist #D8DDCA: rgb(216 221 202), hsl(76 22% 83%), oklch(0.889 0.026 118.9). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Gray mean? → · Grassy Glade color name →
#D8DDCA
oklch(0.889 0.026 118.9)
Farbumrechnungen
- HEX
- #d8ddca
- RGB
- rgb(216 221 202)
- HSL
- hsl(76 22% 83%)
- HWB
- hwb(76 79% 13%)
- OKLCH
- oklch(0.889 0.026 118.9)
- OKLab
- oklab(0.889 -0.013 0.023)
- CIE Lab
- lab(87.34 -4.24 8.75)
- LCH
- lch(87.34 9.72 115.8)
- CMYK
- cmyk(2% 0% 9% 13%)
Tints · Shades · Tones
Tints
- DCE0CF
- E0E4D4
- E4E7DA
- E7EBDF
- EBEEE4
- EFF1EA
- F3F5EF
- F7F8F4
- FBFCFA
Shades
- BCC0AF
- A0A495
- 85887C
- 6B6E64
- 53554D
- 3B3D37
- 252622
- 11110F
- 020202
Tones
- CFD3C2
- C6CABB
- BDC0B3
- B4B7AC
- ABADA4
- A2A49D
- 999B96
- 91928E
- 888987
Farbharmonien
Komplementär +180°
- D8DDCA
Grassy Glade
- DCD7EA
≈ Light Lavender Water
Analog -30° +30°
- D8DDCA
Grassy Glade
- E1DAC7
≈ Peace & Quiet
- CFDFD1
≈ Aruba Aqua
Triadisch +120° +240°
- D8DDCA
Grassy Glade
- CBDDEA
≈ Caribbean Mist
- EAD4DA
≈ Berry Taffy
Geteilt komplementär +150° +210°
- D8DDCA
Grassy Glade
- D3DAEC
≈ Hawkes Blue
- E4D4E3
≈ Joyful Lilac
Tetradisch +90° +180° +270°
- D8DDCA
Grassy Glade
- C7DFE3
≈ Open Air
- DCD7EA
≈ Light Lavender Water
- EBD4D0
≈ Shangri La
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 1.38:1 · APCA Lc 19
Ag
AAAAuf Schwarz
WCAG 15.11:1 · APCA Lc 85
Beste Textfarbe: #000000
WCAG 15.11:1 (AAA) · APCA Lc 85
Contrast pairs
Code-Snippets
CSS
:root {
--grassy-glade: #d8ddca;
--grassy-glade-rgb: 216 221 202;
--grassy-glade-oklch: oklch(0.889 0.026 118.9);
}
.element {
color: var(--grassy-glade);
background-color: hsl(76 22% 83%);
border-color: oklch(0.889 0.026 118.9);
}Tailwind CSS v4
@theme {
--color-grassy-glade: #d8ddca;
--color-grassy-glade-50: #f4f6ee;
--color-grassy-glade-100: #e6e9e0;
--color-grassy-glade-200: #d2d6ca;
--color-grassy-glade-300: #b5baab;
--color-grassy-glade-400: #9ca190;
--color-grassy-glade-500: #848976;
--color-grassy-glade-600: #707464;
--color-grassy-glade-700: #595d50;
--color-grassy-glade-800: #42443a;
--color-grassy-glade-900: #2d2f27;
--color-grassy-glade-950: #1a1b16;
}SCSS
$grassy-glade: #d8ddca;
$grassy-glade-rgb: 216, 221, 202;
$grassy-glade-light: mix(#fff, $grassy-glade, 20%);
$grassy-glade-dark: mix(#000, $grassy-glade, 20%);
.element {
color: $grassy-glade;
box-shadow: 0 0 0 2px rgba($grassy-glade, 0.35);
}