Màu có tên · #D7D3CA
Light Ghosting
Light Ghosting là #D7D3CA: rgb(215 211 202), hsl(42 14% 82%), oklch(0.868 0.013 86.8). 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? → · Light Ghosting color name →
#D7D3CA
oklch(0.868 0.013 86.8)
Chuyển đổi màu
- HEX
- #d7d3ca
- RGB
- rgb(215 211 202)
- HSL
- hsl(42 14% 82%)
- HWB
- hwb(42 79% 16%)
- OKLCH
- oklch(0.868 0.013 86.8)
- OKLab
- oklab(0.868 0.001 0.013)
- CIE Lab
- lab(84.69 0.25 4.98)
- LCH
- lch(84.69 4.99 87.1)
- CMYK
- cmyk(0% 2% 6% 16%)
Sắc nhạt · Sắc đậm · Sắc xám
Sắc nhạt
- DBD7CF
- DFDCD4
- E3E0DA
- E7E4DF
- EBE9E4
- EFEDEA
- F3F2EF
- F7F6F4
- FBFBFA
Sắc đậm
- BBB7AF
- 9F9C95
- 85827C
- 6B6964
- 52514D
- 3B3A37
- 252422
- 11100F
- 020202
Sắc xám
- CECAC2
- C5C2BB
- BCB9B3
- B3B1AC
- AAA9A4
- A2A09D
- 999896
- 91908E
- 888887
Hòa sắc
Bổ túc +180°
- D7D3CA
Light Ghosting
- CFD3DC
≈ Glacier Pearl
Tương đồng -30° +30°
- D7D3CA
Light Ghosting
- DAD1CB
≈ Mushroom Risotto
- D3D5CB
≈ Soft Secret
Bộ ba +120° +240°
- D7D3CA
Light Ghosting
- CAD6D8
≈ Rising Tide
- D8D1D8
≈ Light Limpid Light
Bổ túc chia +150° +210°
- D7D3CA
Light Ghosting
- CCD5DB
≈ Mild Blue
- D4D2DB
≈ Light Kiri Mist
Bộ bốn +90° +180° +270°
- D7D3CA
Light Ghosting
- CBD6D3
≈ Pacific Mist
- CFD3DC
≈ Glacier Pearl
- DBD0D3
≈ Blush of Morn
Tương phản và khả năng tiếp cận
Ag
FailTrên nền trắng
WCAG 1.49:1 · APCA Lc 23
Ag
AAATrên nền đen
WCAG 14.05:1 · APCA Lc 80
Màu chữ tốt nhất: #000000
WCAG 14.05:1 (AAA) · APCA Lc 80
Contrast pairs
Đoạn mã
CSS
:root {
--light-ghosting: #d7d3ca;
--light-ghosting-rgb: 215 211 202;
--light-ghosting-oklch: oklch(0.868 0.013 86.8);
}
.element {
color: var(--light-ghosting);
background-color: hsl(42 14% 82%);
border-color: oklch(0.868 0.013 86.8);
}Tailwind CSS v4
@theme {
--color-light-ghosting: #d7d3ca;
--color-light-ghosting-50: #f6f5f1;
--color-light-ghosting-100: #e9e8e3;
--color-light-ghosting-200: #d6d4ce;
--color-light-ghosting-300: #bab7b0;
--color-light-ghosting-400: #a29e96;
--color-light-ghosting-500: #8a867d;
--color-light-ghosting-600: #75716a;
--color-light-ghosting-700: #5d5b54;
--color-light-ghosting-800: #44423d;
--color-light-ghosting-900: #2f2e2a;
--color-light-ghosting-950: #1c1a18;
}SCSS
$light-ghosting: #d7d3ca;
$light-ghosting-rgb: 215, 211, 202;
$light-ghosting-light: mix(#fff, $light-ghosting, 20%);
$light-ghosting-dark: mix(#000, $light-ghosting, 20%);
.element {
color: $light-ghosting;
box-shadow: 0 0 0 2px rgba($light-ghosting, 0.35);
}