最接近的命名颜色 · #A6A4D7
#A6A4D7
最接近的命名颜色: Imperial Lilac
#A6A4D7（rgb(166 164 215)、hsl(242 39% 74%)、oklch(0.738 0.073 286.3)）最接近命名颜色 Imperial Lilac。查看浅色调、深色调、和谐色、WCAG 与 APCA 对比度，以及 CSS、Tailwind v4 和 SCSS 代码。
#A6A4D7
oklch(0.738 0.073 286.3)
颜色转换
- HEX
- #a6a4d7
- RGB
- rgb(166 164 215)
- HSL
- hsl(242 39% 74%)
- HWB
- hwb(242 64% 16%)
- OKLCH
- oklch(0.738 0.073 286.3)
- OKLab
- oklab(0.738 0.02 -0.07)
- CIE Lab
- lab(68.91 8.92 -25.8)
- LCH
- lch(68.91 27.3 289.1)
- CMYK
- cmyk(23% 24% 0% 16%)
浅色调 · 深色调 · 灰色调
浅色调
- AEADDB
- B7B6DF
- C0BFE4
- C8C8E8
- D1D1EC
- DADAF0
- E3E3F4
- ECECF7
- F6F6FB
深色调
- 908EBB
- 7A799F
- 656485
- 51506B
- 3E3D52
- 2B2B3B
- 1A1A25
- 0A0A11
- 010102
灰色调
- A2A0CE
- 9E9DC5
- 9A99BC
- 9696B4
- 9392AB
- 8F8FA2
- 8B8B9A
- 878791
- 848489
配色和谐
互补色 +180°
- A6A4D7
Imperial Lilac
- B0AE77
≈ Jalapeño Jelly
类似色 -30° +30°
- A6A4D7
Imperial Lilac
- 8CADD9
≈ Boy Blue
- BD9DCA
≈ Purple Prophet
三角配色 +120° +240°
- A6A4D7
Imperial Lilac
- D29C83
≈ Dusty Coral
- 7DB9A0
≈ Froggy Pond
分裂互补色 +150° +210°
- A6A4D7
Imperial Lilac
- C5A576
≈ Mustard Seed Beige
- 96B587
≈ Mistletoe Kiss
四角配色 +90° +180° +270°
- A6A4D7
Imperial Lilac
- D5989A
≈ Tobermory
- B0AE77
≈ Jalapeño Jelly
- 70B9BA
≈ Surfer
对比度与无障碍
Ag
Fail白底
WCAG 2.35:1 · APCA Lc 46
Ag
AAA黑底
WCAG 8.91:1 · APCA Lc 56
最佳文字颜色: #000000
WCAG 8.91:1 (AAA) · APCA Lc 56
Contrast pairs
代码片段
CSS
:root {
--imperial-lilac: #a6a4d7;
--imperial-lilac-rgb: 166 164 215;
--imperial-lilac-oklch: oklch(0.738 0.073 286.3);
}
.element {
color: var(--imperial-lilac);
background-color: hsl(242 39% 74%);
border-color: oklch(0.738 0.073 286.3);
}Tailwind CSS v4
@theme {
--color-imperial-lilac: #a6a4d7;
--color-imperial-lilac-50: #f4f2ff;
--color-imperial-lilac-100: #e6e5ff;
--color-imperial-lilac-200: #d2d0f3;
--color-imperial-lilac-300: #b5b2db;
--color-imperial-lilac-400: #9a98c8;
--color-imperial-lilac-500: #827fb5;
--color-imperial-lilac-600: #6e6c99;
--color-imperial-lilac-700: #58567a;
--color-imperial-lilac-800: #3f3f5b;
--color-imperial-lilac-900: #2b2b40;
--color-imperial-lilac-950: #191929;
}SCSS
$imperial-lilac: #a6a4d7;
$imperial-lilac-rgb: 166, 164, 215;
$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);
}