Màu có tên · #D1D9DA
Glassware
Glassware là #D1D9DA: rgb(209 217 218), hsl(187 11% 84%), oklch(0.879 0.009 205.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? → · Glassware color name →
#D1D9DA
oklch(0.879 0.009 205.9)
Chuyển đổi màu
- 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%)
Sắc nhạt · Sắc đậm · Sắc xám
Sắc nhạt
- D6DDDE
- DAE1E1
- DFE4E5
- E3E8E9
- E8ECEC
- ECF0F0
- F1F3F4
- F6F7F8
- FAFBFB
Sắc đậm
- B5BCBD
- 9BA1A2
- 818687
- 686C6C
- 505354
- 393B3C
- 232525
- 101111
- 020202
Sắc xám
- C9D0D1
- C0C7C7
- B8BDBE
- B0B4B5
- A8ABAC
- A0A3A3
- 989A9A
- 909191
- 888889
Hòa sắc
Bổ túc +180°
- D1D9DA
Glassware
- DDD5D4
≈ Light Lunette
Tương đồng -30° +30°
- D1D9DA
Glassware
- D2D9D7
≈ Summer Shade
- D2D8DC
≈ Suave Grey
Bộ ba +120° +240°
- D1D9DA
Glassware
- DAD5DA
≈ Light Magnolia Rose
- DAD7D1
≈ Catacomb Walls
Bổ túc chia +150° +210°
- D1D9DA
Glassware
- DCD5D7
≈ Sharp Pebbles
- DCD6D2
≈ Bread Flavour
Bộ bốn +90° +180° +270°
Tương phản và khả năng tiếp cận
Ag
FailTrên nền trắng
WCAG 1.43:1 · APCA Lc 21
Ag
AAATrên nền đen
WCAG 14.64:1 · APCA Lc 83
Màu chữ tốt nhất: #000000
WCAG 14.64:1 (AAA) · APCA Lc 83
Contrast pairs
Đoạn mã
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);
}