最接近的命名颜色 · #A39FCE
#A39FCE
最接近的命名颜色: Imperial Lilac
#A39FCE（rgb(163 159 206)、hsl(245 32% 72%)、oklch(0.722 0.068 288.5)）最接近命名颜色 Imperial Lilac。查看浅色调、深色调、和谐色、WCAG 与 APCA 对比度，以及 CSS、Tailwind v4 和 SCSS 代码。
#A39FCE
oklch(0.722 0.068 288.5)
颜色转换
- HEX
- #a39fce
- RGB
- rgb(163 159 206)
- HSL
- hsl(245 32% 72%)
- HWB
- hwb(245 62% 19%)
- OKLCH
- oklch(0.722 0.068 288.5)
- OKLab
- oklab(0.722 0.021 -0.064)
- CIE Lab
- lab(67.09 8.95 -23.65)
- LCH
- lch(67.09 25.29 290.7)
- CMYK
- cmyk(21% 23% 0% 19%)
浅色调 · 深色调 · 灰色调
浅色调
- ACA8D3
- B5B2D8
- BEBBDD
- C7C5E2
- D0CEE7
- D9D8EC
- E2E2F1
- ECEBF5
- F5F5FA
深色调
- 8D8AB3
- 787598
- 63617F
- 4F4D66
- 3C3B4E
- 2A2938
- 191823
- 0A090F
- 010102
灰色调
- 9F9CC6
- 9C99BE
- 9896B6
- 9593AE
- 9190A7
- 8E8D9F
- 8A8997
- 87868F
- 838388
配色和谐
互补色 +180°
- A39FCE
Imperial Lilac
- A9A977
≈ Cardamom
类似色 -30° +30°
- A39FCE
Imperial Lilac
- 8CA7D0
≈ Placid Blue
- B898C1
≈ Atlantic Tulip
三角配色 +120° +240°
- A39FCE
Imperial Lilac
- C99980
≈ Chinook Salmon
- 7AB39E
≈ Beau Monde
分裂互补色 +150° +210°
- A39FCE
Imperial Lilac
- BDA175
≈ Mesa
- 90B087
≈ Pear Cactus
四角配色 +90° +180° +270°
- A39FCE
Imperial Lilac
- CD9595
≈ Minstrel Rose
- A9A977
≈ Cardamom
- 70B3B5
≈ Dexter
对比度与无障碍
Ag
Fail白底
WCAG 2.49:1 · APCA Lc 49
Ag
AAA黑底
WCAG 8.40:1 · APCA Lc 53
最佳文字颜色: #000000
WCAG 8.40:1 (AAA) · APCA Lc 53
Contrast pairs
代码片段
CSS
:root {
--imperial-lilac: #a39fce;
--imperial-lilac-rgb: 163 159 206;
--imperial-lilac-oklch: oklch(0.722 0.068 288.5);
}
.element {
color: var(--imperial-lilac);
background-color: hsl(245 32% 72%);
border-color: oklch(0.722 0.068 288.5);
}Tailwind CSS v4
@theme {
--color-imperial-lilac: #a39fce;
--color-imperial-lilac-50: #f4f2ff;
--color-imperial-lilac-100: #e7e5fe;
--color-imperial-lilac-200: #d3d0f0;
--color-imperial-lilac-300: #b7b2d8;
--color-imperial-lilac-400: #9c98c5;
--color-imperial-lilac-500: #847fb1;
--color-imperial-lilac-600: #706c95;
--color-imperial-lilac-700: #595678;
--color-imperial-lilac-800: #403f59;
--color-imperial-lilac-900: #2c2b3e;
--color-imperial-lilac-950: #191927;
}SCSS
$imperial-lilac: #a39fce;
$imperial-lilac-rgb: 163, 159, 206;
$imperial-lilac-light: mix(#fff, $imperial-lilac, 20%);
$imperial-lilac-dark: mix(#000, $imperial-lilac, 20%);
.element {
color: $imperial-lilac;
box-shadow: 0 0 0 2px rgba($imperial-lilac, 0.35);
}