이름 색상 · #D1D9DA
Glassware
Glassware은(는) #D1D9DA: rgb(209 217 218), hsl(187 11% 84%), oklch(0.879 0.009 205.9). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Gray mean? → · Glassware color name →
#D1D9DA
oklch(0.879 0.009 205.9)
색상 변환
- HEX
- #d1d9da
- RGB
- rgb(209 217 218)
- HSL
- hsl(187 11% 84%)
- HWB
- hwb(187 82% 15%)
- OKLCH
- oklch(0.879 0.009 205.9)
- OKLab
- oklab(0.879 -0.008 -0.004)
- CIE Lab
- lab(86.1 -2.66 -1.48)
- LCH
- lch(86.1 3.05 209.1)
- CMYK
- cmyk(4% 0% 0% 15%)
틴트 · 셰이드 · 톤
틴트
- D6DDDE
- DAE1E1
- DFE4E5
- E3E8E9
- E8ECEC
- ECF0F0
- F1F3F4
- F6F7F8
- FAFBFB
셰이드
- B5BCBD
- 9BA1A2
- 818687
- 686C6C
- 505354
- 393B3C
- 232525
- 101111
- 020202
톤
- C9D0D1
- C0C7C7
- B8BDBE
- B0B4B5
- A8ABAC
- A0A3A3
- 989A9A
- 909191
- 888889
색 조화
보색 +180°
- D1D9DA
Glassware
- DDD5D4
≈ Light Lunette
유사색 -30° +30°
- D1D9DA
Glassware
- D2D9D7
≈ Summer Shade
- D2D8DC
≈ Suave Grey
삼각 배색 +120° +240°
- D1D9DA
Glassware
- DAD5DA
≈ Light Magnolia Rose
- DAD7D1
≈ Catacomb Walls
분열 보색 +150° +210°
- D1D9DA
Glassware
- DCD5D7
≈ Sharp Pebbles
- DCD6D2
≈ Bread Flavour
사각 배색 +90° +180° +270°
대비 및 접근성
Ag
Fail흰색 위
WCAG 1.43:1 · APCA Lc 21
Ag
AAA검은색 위
WCAG 14.64:1 · APCA Lc 83
가장 좋은 글자색: #000000
WCAG 14.64:1 (AAA) · APCA Lc 83
Contrast pairs
코드 스니펫
CSS
:root {
--glassware: #d1d9da;
--glassware-rgb: 209 217 218;
--glassware-oklch: oklch(0.879 0.009 205.9);
}
.element {
color: var(--glassware);
background-color: hsl(187 11% 84%);
border-color: oklch(0.879 0.009 205.9);
}Tailwind CSS v4
@theme {
--color-glassware: #d1d9da;
--color-glassware-50: #f2f6f6;
--color-glassware-100: #e5e9e9;
--color-glassware-200: #d0d5d6;
--color-glassware-300: #b2b9ba;
--color-glassware-400: #99a0a1;
--color-glassware-500: #808889;
--color-glassware-600: #6c7374;
--color-glassware-700: #565c5d;
--color-glassware-800: #3f4344;
--color-glassware-900: #2b2e2f;
--color-glassware-950: #191b1b;
}SCSS
$glassware: #d1d9da;
$glassware-rgb: 209, 217, 218;
$glassware-light: mix(#fff, $glassware, 20%);
$glassware-dark: mix(#000, $glassware, 20%);
.element {
color: $glassware;
box-shadow: 0 0 0 2px rgba($glassware, 0.35);
}