命名颜色 · #C6A1CF
Lilac Lace
Lilac Lace 即 #C6A1CF：rgb(198 161 207)、hsl(288 32% 72%)、oklch(0.757 0.076 319.6)。查看浅色调、深色调、和谐色、WCAG 与 APCA 对比度，以及 CSS、Tailwind v4 和 SCSS 代码。
What does Purple mean? → · Lilac Lace color name →
#C6A1CF
oklch(0.757 0.076 319.6)
颜色转换
- HEX
- #c6a1cf
- RGB
- rgb(198 161 207)
- HSL
- hsl(288 32% 72%)
- HWB
- hwb(288 63% 19%)
- OKLCH
- oklch(0.757 0.076 319.6)
- OKLab
- oklab(0.757 0.058 -0.049)
- CIE Lab
- lab(70.8 20.13 -18.23)
- LCH
- lch(70.8 27.16 317.8)
- CMYK
- cmyk(4% 22% 0% 19%)
浅色调 · 深色调 · 灰色调
浅色调
- CCAAD4
- D1B3D9
- D7BDDE
- DDC6E2
- E3CFE7
- E8D9EC
- EEE2F1
- F4ECF6
- F9F5FA
深色调
- AC8BB4
- 927699
- 7A627F
- 624E67
- 4B3C4F
- 352A38
- 211923
- 0E0910
- 020102
灰色调
- BF9EC7
- B89BBF
- B197B7
- AA94AF
- A391A7
- 9C8D9F
- 958A97
- 8E878F
- 878388
配色和谐
互补色 +180°
- C6A1CF
Lilac Lace
- 97BD8E
≈ Milly Green
类似色 -30° +30°
- C6A1CF
Lilac Lace
- AFA9DE
≈ Maximum Blue Purple
- D69DB7
≈ Sweet Perfume
三角配色 +120° +240°
- C6A1CF
Lilac Lace
- CAAB78
≈ Burning Gold
- 72BFC3
≈ Pure Turquoise
分裂互补色 +150° +210°
- C6A1CF
Lilac Lace
- B3B57C
≈ Fancy Flirt
- 7EC0A8
≈ Celadon Porcelain
四角配色 +90° +180° +270°
- C6A1CF
Lilac Lace
- D9A285
≈ Yolande
- 97BD8E
≈ Milly Green
- 7CBAD7
≈ Pacific Harbour
对比度与无障碍
Ag
Fail白底
WCAG 2.23:1 · APCA Lc 44
Ag
AAA黑底
WCAG 9.40:1 · APCA Lc 58
最佳文字颜色: #000000
WCAG 9.40:1 (AAA) · APCA Lc 58
Contrast pairs
代码片段
CSS
:root {
--lilac-lace: #c6a1cf;
--lilac-lace-rgb: 198 161 207;
--lilac-lace-oklch: oklch(0.757 0.076 319.6);
}
.element {
color: var(--lilac-lace);
background-color: hsl(288 32% 72%);
border-color: oklch(0.757 0.076 319.6);
}Tailwind CSS v4
@theme {
--color-lilac-lace: #c6a1cf;
--color-lilac-lace-50: #ffeeff;
--color-lilac-lace-100: #f4e0f8;
--color-lilac-lace-200: #e4cae8;
--color-lilac-lace-300: #caabcf;
--color-lilac-lace-400: #b390bb;
--color-lilac-lace-500: #9d76a6;
--color-lilac-lace-600: #84648c;
--color-lilac-lace-700: #6a5070;
--color-lilac-lace-800: #4d3a54;
--color-lilac-lace-900: #36283a;
--color-lilac-lace-950: #211624;
}SCSS
$lilac-lace: #c6a1cf;
$lilac-lace-rgb: 198, 161, 207;
$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);
}