最接近的命名颜色 · #C39CCD
#C39CCD
最接近的命名颜色: Lilac Lace
#C39CCD（rgb(195 156 205)、hsl(288 33% 71%)、oklch(0.745 0.081 319.3)）最接近命名颜色 Lilac Lace。查看浅色调、深色调、和谐色、WCAG 与 APCA 对比度，以及 CSS、Tailwind v4 和 SCSS 代码。
#C39CCD
oklch(0.745 0.081 319.3)
颜色转换
- HEX
- #c39ccd
- RGB
- rgb(195 156 205)
- HSL
- hsl(288 33% 71%)
- HWB
- hwb(288 61% 20%)
- OKLCH
- oklch(0.745 0.081 319.3)
- OKLab
- oklab(0.745 0.062 -0.053)
- CIE Lab
- lab(69.24 21.39 -19.51)
- LCH
- lch(69.24 28.95 317.6)
- CMYK
- cmyk(5% 24% 0% 20%)
浅色调 · 深色调 · 灰色调
浅色调
- C9A6D2
- CFAFD7
- D5B9DC
- DBC3E1
- E1CDE6
- E7D7EB
- EDE1F0
- F3EBF5
- F9F5FA
深色调
- A987B2
- 907398
- 785F7E
- 604C66
- 4A394E
- 342838
- 201823
- 0E090F
- 020102
灰色调
- BC99C5
- B597BD
- AF94B5
- A891AE
- A18EA6
- 9A8B9E
- 948997
- 8D868F
- 878388
配色和谐
互补色 +180°
- C39CCD
Lilac Lace
- 92B988
≈ Willow Dyed
类似色 -30° +30°
- C39CCD
Lilac Lace
- AAA4DD
≈ Simply Violet
- D497B4
≈ Exotic Lilac
三角配色 +120° +240°
- C39CCD
Lilac Lace
- C8A770
≈ Balsam Brown
- 69BCC0
≈ Castaway
分裂互补色 +150° +210°
- C39CCD
Lilac Lace
- B0B174
≈ Timothy Grass
- 76BDA4
≈ Celadon Porcelain
四角配色 +90° +180° +270°
对比度与无障碍
Ag
Fail白底
WCAG 2.34:1 · APCA Lc 46
Ag
AAA黑底
WCAG 8.95:1 · APCA Lc 56
最佳文字颜色: #000000
WCAG 8.95:1 (AAA) · APCA Lc 56
Contrast pairs
代码片段
CSS
:root {
--lilac-lace: #c39ccd;
--lilac-lace-rgb: 195 156 205;
--lilac-lace-oklch: oklch(0.745 0.081 319.3);
}
.element {
color: var(--lilac-lace);
background-color: hsl(288 33% 71%);
border-color: oklch(0.745 0.081 319.3);
}Tailwind CSS v4
@theme {
--color-lilac-lace: #c39ccd;
--color-lilac-lace-50: #ffeeff;
--color-lilac-lace-100: #f5e0f9;
--color-lilac-lace-200: #e5c9ea;
--color-lilac-lace-300: #cbaad1;
--color-lilac-lace-400: #b48fbd;
--color-lilac-lace-500: #9e74a8;
--color-lilac-lace-600: #85638e;
--color-lilac-lace-700: #6b4f72;
--color-lilac-lace-800: #4e3955;
--color-lilac-lace-900: #36273b;
--color-lilac-lace-950: #211525;
}SCSS
$lilac-lace: #c39ccd;
$lilac-lace-rgb: 195, 156, 205;
$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);
}