最接近的命名颜色 · #CDA8D8
#CDA8D8
最接近的命名颜色: Lilac Lace
#CDA8D8（rgb(205 168 216)、hsl(286 38% 75%)、oklch(0.78 0.078 318.4)）最接近命名颜色 Lilac Lace。查看浅色调、深色调、和谐色、WCAG 与 APCA 对比度，以及 CSS、Tailwind v4 和 SCSS 代码。
#CDA8D8
oklch(0.78 0.078 318.4)
颜色转换
- HEX
- #cda8d8
- RGB
- rgb(205 168 216)
- HSL
- hsl(286 38% 75%)
- HWB
- hwb(286 66% 15%)
- OKLCH
- oklch(0.78 0.078 318.4)
- OKLab
- oklab(0.78 0.058 -0.052)
- CIE Lab
- lab(73.43 20.28 -19.12)
- LCH
- lch(73.43 27.87 316.7)
- CMYK
- cmyk(5% 22% 0% 15%)
浅色调 · 深色调 · 灰色调
浅色调
- D2B1DC
- D7B9E0
- DCC2E4
- E1CAE8
- E6D3EC
- EBDCF0
- F0E5F4
- F5EDF7
- FAF6FB
深色调
- B292BC
- 987CA0
- 7E6785
- 66526B
- 4E3F53
- 382C3B
- 231A25
- 0F0A11
- 020102
灰色调
- C5A4CF
- BDA0C6
- B59CBD
- AE98B4
- A694AB
- 9E90A3
- 978C9A
- 8F8891
- 878489
配色和谐
互补色 +180°
- CDA8D8
Lilac Lace
- 9FC493
≈ Cos
类似色 -30° +30°
- CDA8D8
Lilac Lace
- B5B0E7
≈ Maximum Blue Purple
- DEA3C0
≈ Pink Gin
三角配色 +120° +240°
- CDA8D8
Lilac Lace
- D3B27E
≈ Brass Trumpet
- 78C7CA
≈ Pearl Bay
分裂互补色 +150° +210°
- CDA8D8
Lilac Lace
- BBBC81
≈ Ushabti Bone
- 84C8AE
≈ Pale Teal
四角配色 +90° +180° +270°
- CDA8D8
Lilac Lace
- E2A98C
≈ Rose Tattoo
- 9FC493
≈ Cos
- 81C2DF
≈ Undercool
对比度与无障碍
Ag
Fail白底
WCAG 2.06:1 · APCA Lc 40
Ag
AAA黑底
WCAG 10.18:1 · APCA Lc 62
最佳文字颜色: #000000
WCAG 10.18:1 (AAA) · APCA Lc 62
Contrast pairs
代码片段
CSS
:root {
--lilac-lace: #cda8d8;
--lilac-lace-rgb: 205 168 216;
--lilac-lace-oklch: oklch(0.78 0.078 318.4);
}
.element {
color: var(--lilac-lace);
background-color: hsl(286 38% 75%);
border-color: oklch(0.78 0.078 318.4);
}Tailwind CSS v4
@theme {
--color-lilac-lace: #cda8d8;
--color-lilac-lace-50: #ffeeff;
--color-lilac-lace-100: #f4e0f8;
--color-lilac-lace-200: #e4cae9;
--color-lilac-lace-300: #caabd0;
--color-lilac-lace-400: #b290bc;
--color-lilac-lace-500: #9c75a8;
--color-lilac-lace-600: #84648e;
--color-lilac-lace-700: #6a5072;
--color-lilac-lace-800: #4d3a55;
--color-lilac-lace-900: #36283b;
--color-lilac-lace-950: #211625;
}SCSS
$lilac-lace: #cda8d8;
$lilac-lace-rgb: 205, 168, 216;
$lilac-lace-light: mix(#fff, $lilac-lace, 20%);
$lilac-lace-dark: mix(#000, $lilac-lace, 20%);
.element {
color: $lilac-lace;
box-shadow: 0 0 0 2px rgba($lilac-lace, 0.35);
}