命名颜色 · #C48EFD
Liliac
Liliac 即 #C48EFD：rgb(196 142 253)、hsl(269 97% 77%)、oklch(0.742 0.163 305.2)。查看浅色调、深色调、和谐色、WCAG 与 APCA 对比度，以及 CSS、Tailwind v4 和 SCSS 代码。
What does Purple mean? → · Liliac color name →
#C48EFD
oklch(0.742 0.163 305.2)
颜色转换
- HEX
- #c48efd
- RGB
- rgb(196 142 253)
- HSL
- hsl(269 97% 77%)
- HWB
- hwb(269 56% 1%)
- OKLCH
- oklch(0.742 0.163 305.2)
- OKLab
- oklab(0.742 0.094 -0.133)
- CIE Lab
- lab(67.75 36.78 -48.08)
- LCH
- lch(67.75 60.53 307.4)
- CMYK
- cmyk(23% 44% 0% 1%)
浅色调 · 深色调 · 灰色调
浅色调
- CA9AFE
- D0A6FF
- D5B1FF
- DBBCFF
- E1C8FF
- E7D3FF
- EDDEFF
- F3E9FF
- F9F4FF
深色调
- AA7BDC
- 9168BC
- 78569D
- 61447F
- 4A3462
- 352447
- 21152D
- 0E0716
- 020103
灰色调
- BD8DF0
- B68CE4
- AF8BD7
- A88ACB
- A189BE
- 9A87B2
- 9486A5
- 8D8499
- 87828C
配色和谐
互补色 +180°
- C48EFD
Liliac
- 94BD38
≈ Funky Frog
类似色 -30° +30°
- C48EFD
Liliac
- 94A4FF
≈ Widowmaker
- E980D4
≈ Blushed Bombshell
三角配色 +120° +240°
- C48EFD
Liliac
- F09210
≈ Forceful Orange
- 00C6B7
≈ Amazonite
分裂互补色 +150° +210°
- C48EFD
Liliac
- CAA900
≈ Christmas Gold
- 39C97D
≈ Emerald Reflection
四角配色 +90° +180° +270°
对比度与无障碍
Ag
Fail白底
WCAG 2.43:1 · APCA Lc 48
Ag
AAA黑底
WCAG 8.63:1 · APCA Lc 54
最佳文字颜色: #000000
WCAG 8.63:1 (AAA) · APCA Lc 54
Contrast pairs
代码片段
CSS
:root {
--liliac: #c48efd;
--liliac-rgb: 196 142 253;
--liliac-oklch: oklch(0.742 0.163 305.2);
}
.element {
color: var(--liliac);
background-color: hsl(269 97% 77%);
border-color: oklch(0.742 0.163 305.2);
}Tailwind CSS v4
@theme {
--color-liliac: #c48efd;
--color-liliac-50: #ffeaff;
--color-liliac-100: #f6daff;
--color-liliac-200: #e7c2ff;
--color-liliac-300: #cea0f8;
--color-liliac-400: #b583eb;
--color-liliac-500: #a064db;
--color-liliac-600: #8755b9;
--color-liliac-700: #6c4494;
--color-liliac-800: #4e3170;
--color-liliac-900: #36214f;
--color-liliac-950: #211034;
}SCSS
$liliac: #c48efd;
$liliac-rgb: 196, 142, 253;
$liliac-light: mix(#fff, $liliac, 20%);
$liliac-dark: mix(#000, $liliac, 20%);
.element {
color: $liliac;
box-shadow: 0 0 0 2px rgba($liliac, 0.35);
}