이름 색상 · #D8DDCA
Grassy Glade
Grassy Glade은(는) #D8DDCA: rgb(216 221 202), hsl(76 22% 83%), oklch(0.889 0.026 118.9). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Gray mean? → · Grassy Glade color name →
#D8DDCA
oklch(0.889 0.026 118.9)
색상 변환
- 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%)
틴트 · 셰이드 · 톤
틴트
- DCE0CF
- E0E4D4
- E4E7DA
- E7EBDF
- EBEEE4
- EFF1EA
- F3F5EF
- F7F8F4
- FBFCFA
셰이드
- BCC0AF
- A0A495
- 85887C
- 6B6E64
- 53554D
- 3B3D37
- 252622
- 11110F
- 020202
톤
- CFD3C2
- C6CABB
- BDC0B3
- B4B7AC
- ABADA4
- A2A49D
- 999B96
- 91928E
- 888987
색 조화
보색 +180°
- D8DDCA
Grassy Glade
- DCD7EA
≈ Light Lavender Water
유사색 -30° +30°
- D8DDCA
Grassy Glade
- E1DAC7
≈ Peace & Quiet
- CFDFD1
≈ Aruba Aqua
삼각 배색 +120° +240°
- D8DDCA
Grassy Glade
- CBDDEA
≈ Caribbean Mist
- EAD4DA
≈ Berry Taffy
분열 보색 +150° +210°
- D8DDCA
Grassy Glade
- D3DAEC
≈ Hawkes Blue
- E4D4E3
≈ Joyful Lilac
사각 배색 +90° +180° +270°
- D8DDCA
Grassy Glade
- C7DFE3
≈ Open Air
- DCD7EA
≈ Light Lavender Water
- EBD4D0
≈ Shangri La
대비 및 접근성
Ag
Fail흰색 위
WCAG 1.38:1 · APCA Lc 19
Ag
AAA검은색 위
WCAG 15.11:1 · APCA Lc 85
가장 좋은 글자색: #000000
WCAG 15.11:1 (AAA) · APCA Lc 85
Contrast pairs
코드 스니펫
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);
}