命名颜色 · #D1C6D2
Enchant
Enchant 即 #D1C6D2：rgb(209 198 210)、hsl(295 12% 80%)、oklch(0.839 0.02 323.2)。查看浅色调、深色调、和谐色、WCAG 与 APCA 对比度，以及 CSS、Tailwind v4 和 SCSS 代码。
What does Gray mean? → · Enchant color name →
#D1C6D2
oklch(0.839 0.02 323.2)
颜色转换
- HEX
- #d1c6d2
- RGB
- rgb(209 198 210)
- HSL
- hsl(295 12% 80%)
- HWB
- hwb(295 78% 18%)
- OKLCH
- oklch(0.839 0.02 323.2)
- OKLab
- oklab(0.839 0.016 -0.012)
- CIE Lab
- lab(81.06 5.58 -4.56)
- LCH
- lch(81.06 7.21 320.7)
- CMYK
- cmyk(0% 6% 0% 18%)
浅色调 · 深色调 · 灰色调
浅色调
- D6CCD6
- DAD1DB
- DFD7DF
- E3DCE4
- E8E2E8
- ECE8ED
- F1EEF1
- F6F3F6
- FAF9FA
深色调
- B5ACB6
- 9B929B
- 817A81
- 686268
- 504B50
- 393539
- 232124
- 100E10
- 020202
灰色调
- C9BFC9
- C0B8C1
- B8B0B9
- B0A9B0
- A8A2A8
- A09BA0
- 989498
- 908E90
- 888788
配色和谐
互补色 +180°
- D1C6D2
Enchant
- C3CEC2
≈ Green Lily
类似色 -30° +30°
- D1C6D2
Enchant
- CAC8D7
≈ Magic Scent
- D6C5CB
≈ Odyssey Lilac
三角配色 +120° +240°
- D1C6D2
Enchant
- D1C9BC
≈ Fossil Sand
- BCCED0
≈ Shhh…
分裂互补色 +150° +210°
- D1C6D2
Enchant
- CACCBD
≈ Misty Memory
- BECFC9
≈ Soft Celadon
四角配色 +90° +180° +270°
- D1C6D2
Enchant
- D6C7BE
≈ Perk Up
- C3CEC2
≈ Green Lily
- BECDD6
≈ Keepsake
对比度与无障碍
Ag
Fail白底
WCAG 1.65:1 · APCA Lc 29
Ag
AAA黑底
WCAG 12.71:1 · APCA Lc 74
最佳文字颜色: #000000
WCAG 12.71:1 (AAA) · APCA Lc 74
Contrast pairs
代码片段
CSS
:root {
--enchant: #d1c6d2;
--enchant-rgb: 209 198 210;
--enchant-oklch: oklch(0.839 0.02 323.2);
}
.element {
color: var(--enchant);
background-color: hsl(295 12% 80%);
border-color: oklch(0.839 0.02 323.2);
}Tailwind CSS v4
@theme {
--color-enchant: #d1c6d2;
--color-enchant-50: #f8f3f8;
--color-enchant-100: #ebe6ec;
--color-enchant-200: #d9d1d9;
--color-enchant-300: #bdb4bd;
--color-enchant-400: #a59ba5;
--color-enchant-500: #8d828e;
--color-enchant-600: #776e78;
--color-enchant-700: #5f5860;
--color-enchant-800: #464047;
--color-enchant-900: #302c31;
--color-enchant-950: #1c191d;
}SCSS
$enchant: #d1c6d2;
$enchant-rgb: 209, 198, 210;
$enchant-light: mix(#fff, $enchant, 20%);
$enchant-dark: mix(#000, $enchant, 20%);
.element {
color: $enchant;
box-shadow: 0 0 0 2px rgba($enchant, 0.35);
}