Màu có tên · #D8DDCA
Grassy Glade
Grassy Glade là #D8DDCA: rgb(216 221 202), hsl(76 22% 83%), oklch(0.889 0.026 118.9). Xem sắc nhạt, sắc đậm, hòa sắc, tương phản WCAG và APCA, cùng mã CSS, Tailwind v4 và SCSS.
What does Gray mean? → · Grassy Glade color name →
#D8DDCA
oklch(0.889 0.026 118.9)
Chuyển đổi màu
- 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%)
Sắc nhạt · Sắc đậm · Sắc xám
Sắc nhạt
- DCE0CF
- E0E4D4
- E4E7DA
- E7EBDF
- EBEEE4
- EFF1EA
- F3F5EF
- F7F8F4
- FBFCFA
Sắc đậm
- BCC0AF
- A0A495
- 85887C
- 6B6E64
- 53554D
- 3B3D37
- 252622
- 11110F
- 020202
Sắc xám
- CFD3C2
- C6CABB
- BDC0B3
- B4B7AC
- ABADA4
- A2A49D
- 999B96
- 91928E
- 888987
Hòa sắc
Bổ túc +180°
- D8DDCA
Grassy Glade
- DCD7EA
≈ Light Lavender Water
Tương đồng -30° +30°
- D8DDCA
Grassy Glade
- E1DAC7
≈ Peace & Quiet
- CFDFD1
≈ Aruba Aqua
Bộ ba +120° +240°
- D8DDCA
Grassy Glade
- CBDDEA
≈ Caribbean Mist
- EAD4DA
≈ Berry Taffy
Bổ túc chia +150° +210°
- D8DDCA
Grassy Glade
- D3DAEC
≈ Hawkes Blue
- E4D4E3
≈ Joyful Lilac
Bộ bốn +90° +180° +270°
- D8DDCA
Grassy Glade
- C7DFE3
≈ Open Air
- DCD7EA
≈ Light Lavender Water
- EBD4D0
≈ Shangri La
Tương phản và khả năng tiếp cận
Ag
FailTrên nền trắng
WCAG 1.38:1 · APCA Lc 19
Ag
AAATrên nền đen
WCAG 15.11:1 · APCA Lc 85
Màu chữ tốt nhất: #000000
WCAG 15.11:1 (AAA) · APCA Lc 85
Contrast pairs
Đoạn mã
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);
}