最接近的命名颜色 · #C499CF
#C499CF
最接近的命名颜色: Lilac Lace
#C499CF（rgb(196 153 207)、hsl(288 36% 71%)、oklch(0.741 0.09 319.3)）最接近命名颜色 Lilac Lace。查看浅色调、深色调、和谐色、WCAG 与 APCA 对比度，以及 CSS、Tailwind v4 和 SCSS 代码。
#C499CF
oklch(0.741 0.09 319.3)
颜色转换
- HEX
- #c499cf
- RGB
- rgb(196 153 207)
- HSL
- hsl(288 36% 71%)
- HWB
- hwb(288 60% 19%)
- OKLCH
- oklch(0.741 0.09 319.3)
- OKLab
- oklab(0.741 0.068 -0.058)
- CIE Lab
- lab(68.68 23.6 -21.44)
- LCH
- lch(68.68 31.88 317.7)
- CMYK
- cmyk(5% 26% 0% 19%)
浅色调 · 深色调 · 灰色调
浅色调
- CAA3D4
- D0ADD9
- D6B7DE
- DCC1E3
- E2CBE7
- E8D6EC
- EDE0F1
- F3EAF6
- F9F5FA
深色调
- AA84B4
- 917099
- 785D7F
- 614A67
- 4A384F
- 352738
- 211723
- 0E0810
- 020102
灰色调
- BD97C7
- B694BF
- AF92B7
- A98FAF
- A28DA7
- 9B8A9F
- 948897
- 8D8590
- 878388
配色和谐
互补色 +180°
- C499CF
Lilac Lace
- 8EB983
≈ Willow Dyed
类似色 -30° +30°
- C499CF
Lilac Lace
- A9A2E0
≈ Simply Violet
- D694B4
≈ Exotic Lilac
三角配色 +120° +240°
- C499CF
Lilac Lace
- C9A568
≈ Classic Gold
- 5EBCC1
≈ Pharaoh’s Seas
分裂互补色 +150° +210°
- C499CF
Lilac Lace
- AFB06C
≈ Rodham
- 6EBEA2
≈ Spearmint
四角配色 +90° +180° +270°
- C499CF
Lilac Lace
- DA9A78
≈ Peach Bloom
- 8EB983
≈ Willow Dyed
- 6BB6D8
≈ Skyscape
对比度与无障碍
Ag
Fail白底
WCAG 2.38:1 · APCA Lc 47
Ag
AAA黑底
WCAG 8.80:1 · APCA Lc 55
最佳文字颜色: #000000
WCAG 8.80:1 (AAA) · APCA Lc 55
Contrast pairs
代码片段
CSS
:root {
--lilac-lace: #c499cf;
--lilac-lace-rgb: 196 153 207;
--lilac-lace-oklch: oklch(0.741 0.09 319.3);
}
.element {
color: var(--lilac-lace);
background-color: hsl(288 36% 71%);
border-color: oklch(0.741 0.09 319.3);
}Tailwind CSS v4
@theme {
--color-lilac-lace: #c499cf;
--color-lilac-lace-50: #ffedff;
--color-lilac-lace-100: #f6dffa;
--color-lilac-lace-200: #e7c8ec;
--color-lilac-lace-300: #cda9d3;
--color-lilac-lace-400: #b68dc0;
--color-lilac-lace-500: #a072ac;
--color-lilac-lace-600: #876191;
--color-lilac-lace-700: #6c4d74;
--color-lilac-lace-800: #4f3857;
--color-lilac-lace-900: #37273d;
--color-lilac-lace-950: #221526;
}SCSS
$lilac-lace: #c499cf;
$lilac-lace-rgb: 196, 153, 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);
}