最接近的命名颜色 · #CEA4DC
#CEA4DC
最接近的命名颜色: Lilac Lace
#CEA4DC（rgb(206 164 220)、hsl(285 44% 75%)、oklch(0.775 0.09 317.6)）最接近命名颜色 Lilac Lace。查看浅色调、深色调、和谐色、WCAG 与 APCA 对比度，以及 CSS、Tailwind v4 和 SCSS 代码。
#CEA4DC
oklch(0.775 0.09 317.6)
颜色转换
- HEX
- #cea4dc
- RGB
- rgb(206 164 220)
- HSL
- hsl(285 44% 75%)
- HWB
- hwb(285 64% 14%)
- OKLCH
- oklch(0.775 0.09 317.6)
- OKLab
- oklab(0.775 0.067 -0.061)
- CIE Lab
- lab(72.68 23.28 -22.41)
- LCH
- lch(72.68 32.32 316.1)
- CMYK
- cmyk(6% 25% 0% 14%)
浅色调 · 深色调 · 灰色调
浅色调
- D3ADE0
- D8B6E3
- DDBFE7
- E2C8EA
- E7D1EE
- ECDAF1
- F0E3F5
- F5EDF8
- FAF6FC
深色调
- B38EBF
- 9879A3
- 7F6488
- 66506E
- 4E3D54
- 382B3C
- 231A26
- 0F0A11
- 020102
灰色调
- C6A0D3
- BE9DC9
- B699C0
- AE96B7
- A692AD
- 9F8FA4
- 978B9B
- 8F8792
- 888489
配色和谐
互补色 +180°
- CEA4DC
Lilac Lace
- 9AC48B
≈ Picnic
类似色 -30° +30°
- CEA4DC
Lilac Lace
- B2ADED
≈ Maximum Blue Purple
- E19FC0
≈ Pink Begonia
三角配色 +120° +240°
- CEA4DC
Lilac Lace
- D6AF72
≈ Tarnished Trumpet
- 69C8CA
≈ Petrichor
分裂互补色 +150° +210°
- CEA4DC
Lilac Lace
- BCBA75
≈ Liminal Yellow
- 7AC9AA
≈ Aqua Eden
四角配色 +90° +180° +270°
- CEA4DC
Lilac Lace
- E6A484
≈ Peach Nougat
- 9AC48B
≈ Picnic
- 74C2E3
≈ Bright Spark
对比度与无障碍
Ag
Fail白底
WCAG 2.10:1 · APCA Lc 41
Ag
AAA黑底
WCAG 9.96:1 · APCA Lc 61
最佳文字颜色: #000000
WCAG 9.96:1 (AAA) · APCA Lc 61
Contrast pairs
代码片段
CSS
:root {
--lilac-lace: #cea4dc;
--lilac-lace-rgb: 206 164 220;
--lilac-lace-oklch: oklch(0.775 0.09 317.6);
}
.element {
color: var(--lilac-lace);
background-color: hsl(285 44% 75%);
border-color: oklch(0.775 0.09 317.6);
}Tailwind CSS v4
@theme {
--color-lilac-lace: #cea4dc;
--color-lilac-lace-50: #ffedff;
--color-lilac-lace-100: #f6dffb;
--color-lilac-lace-200: #e6c8ed;
--color-lilac-lace-300: #cca9d5;
--color-lilac-lace-400: #b58ec2;
--color-lilac-lace-500: #9f73ad;
--color-lilac-lace-600: #866192;
--color-lilac-lace-700: #6c4e75;
--color-lilac-lace-800: #4e3858;
--color-lilac-lace-900: #37273d;
--color-lilac-lace-950: #211527;
}SCSS
$lilac-lace: #cea4dc;
$lilac-lace-rgb: 206, 164, 220;
$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);
}