Màu có tên · #DCD8D4
Heirloom Shade
Heirloom Shade là #DCD8D4: rgb(220 216 212), hsl(30 10% 85%), oklch(0.884 0.007 67.7). 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? → · Heirloom Shade color name →
#DCD8D4
oklch(0.884 0.007 67.7)
Chuyển đổi màu
- HEX
- #dcd8d4
- RGB
- rgb(220 216 212)
- HSL
- hsl(30 10% 85%)
- HWB
- hwb(30 83% 14%)
- OKLCH
- oklch(0.884 0.007 67.7)
- OKLab
- oklab(0.884 0.003 0.006)
- CIE Lab
- lab(86.57 0.89 2.49)
- LCH
- lch(86.57 2.64 70.3)
- CMYK
- cmyk(0% 2% 4% 14%)
Sắc nhạt · Sắc đậm · Sắc xám
Sắc nhạt
- DFDCD8
- E3E0DC
- E6E4E1
- EAE7E5
- EDEBE9
- F1EFEE
- F4F3F2
- F8F7F6
- FBFBFB
Sắc đậm
- BFBCB8
- A3A09D
- 888583
- 6E6B69
- 545351
- 3C3B3A
- 262524
- 111110
- 020202
Sắc xám
- D2CFCB
- C9C6C3
- BFBDBA
- B6B4B1
- ADABA9
- A4A2A1
- 9B9A98
- 929190
- 898888
Hòa sắc
Bổ túc +180°
- DCD8D4
Heirloom Shade
- D5D9DD
≈ Rinse
Tương đồng -30° +30°
- DCD8D4
Heirloom Shade
- DDD7D5
≈ Go to Grey
- DAD9D4
≈ First Star
Bộ ba +120° +240°
- DCD8D4
Heirloom Shade
- D4DADA
≈ Urban Mist
- DAD8DC
≈ Urban Snowfall
Bổ túc chia +150° +210°
- DCD8D4
Heirloom Shade
- D4DADC
≈ Rinse
- D7D8DE
≈ Will o’ the Wisp
Bộ bốn +90° +180° +270°
- DCD8D4
Heirloom Shade
- D5DAD7
≈ Tundra
- D5D9DD
≈ Rinse
- DCD7DA
≈ Creek Pebble
Tương phản và khả năng tiếp cận
Ag
FailTrên nền trắng
WCAG 1.41:1 · APCA Lc 20
Ag
AAATrên nền đen
WCAG 14.81:1 · APCA Lc 83
Màu chữ tốt nhất: #000000
WCAG 14.81:1 (AAA) · APCA Lc 83
Contrast pairs
Đoạn mã
CSS
:root {
--heirloom-shade: #dcd8d4;
--heirloom-shade-rgb: 220 216 212;
--heirloom-shade-oklch: oklch(0.884 0.007 67.7);
}
.element {
color: var(--heirloom-shade);
background-color: hsl(30 10% 85%);
border-color: oklch(0.884 0.007 67.7);
}Tailwind CSS v4
@theme {
--color-heirloom-shade: #dcd8d4;
--color-heirloom-shade-50: #f6f5f3;
--color-heirloom-shade-100: #e9e7e5;
--color-heirloom-shade-200: #d6d4d1;
--color-heirloom-shade-300: #bab7b4;
--color-heirloom-shade-400: #a19e9a;
--color-heirloom-shade-500: #898581;
--color-heirloom-shade-600: #74716d;
--color-heirloom-shade-700: #5d5a57;
--color-heirloom-shade-800: #444240;
--color-heirloom-shade-900: #2f2d2c;
--color-heirloom-shade-950: #1c1a19;
}SCSS
$heirloom-shade: #dcd8d4;
$heirloom-shade-rgb: 220, 216, 212;
$heirloom-shade-light: mix(#fff, $heirloom-shade, 20%);
$heirloom-shade-dark: mix(#000, $heirloom-shade, 20%);
.element {
color: $heirloom-shade;
box-shadow: 0 0 0 2px rgba($heirloom-shade, 0.35);
}