最接近的命名颜色 · #A971C3
#A971C3
最接近的命名颜色: Lavendless
#A971C3（rgb(169 113 195)、hsl(281 41% 60%)、oklch(0.638 0.133 314.4)）最接近命名颜色 Lavendless。查看浅色调、深色调、和谐色、WCAG 与 APCA 对比度，以及 CSS、Tailwind v4 和 SCSS 代码。
#A971C3
oklch(0.638 0.133 314.4)
颜色转换
- HEX
- #a971c3
- RGB
- rgb(169 113 195)
- HSL
- hsl(281 41% 60%)
- HWB
- hwb(281 44% 24%)
- OKLCH
- oklch(0.638 0.133 314.4)
- OKLab
- oklab(0.638 0.093 -0.095)
- CIE Lab
- lab(56.06 33.63 -34.33)
- LCH
- lch(56.06 48.06 314.4)
- CMYK
- cmyk(13% 42% 0% 24%)
浅色调 · 深色调 · 灰色调
浅色调
- B27FC9
- BA8DD0
- C39BD6
- CBA9DC
- D4B7E2
- DDC6E8
- E5D4EE
- EEE2F4
- F6F1F9
深色调
- 9261A9
- 7C5290
- 674378
- 533560
- 3F274A
- 2C1A34
- 1B0E20
- 0A040E
- 010102
灰色调
- A573BC
- A175B6
- 9D77AF
- 9979A9
- 957AA2
- 917B9B
- 8D7D95
- 887E8E
- 847F87
配色和谐
互补色 +180°
- A971C3
Lavendless
- 689D44
≈ Parisian Green
类似色 -30° +30°
- A971C3
Lavendless
- 837ED8
≈ Indigo Bloom
- C3689F
≈ Nocturnal Rose
三角配色 +120° +240°
- A971C3
Lavendless
- BA7D0A
≈ Guo Tie Dumpling
- 00A09F
≈ Pleasant Stream
分裂互补色 +150° +210°
- A971C3
Lavendless
- 998F0A
≈ Smoothie Green
- 0EA476
≈ Bluish Green
四角配色 +90° +180° +270°
- A971C3
Lavendless
- CC6E42
≈ Hot Caramel
- 689D44
≈ Parisian Green
- 009AC2
≈ Sea Wonder
对比度与无障碍
Ag
Fail白底
WCAG 3.59:1 · APCA Lc 63
Ag
AA黑底
WCAG 5.83:1 · APCA Lc 38
最佳文字颜色: #000000
WCAG 5.83:1 (AA) · APCA Lc 38
Contrast pairs
代码片段
CSS
:root {
--lavendless: #a971c3;
--lavendless-rgb: 169 113 195;
--lavendless-oklch: oklch(0.638 0.133 314.4);
}
.element {
color: var(--lavendless);
background-color: hsl(281 41% 60%);
border-color: oklch(0.638 0.133 314.4);
}Tailwind CSS v4
@theme {
--color-lavendless: #a971c3;
--color-lavendless-50: #ffeaff;
--color-lavendless-100: #fadbff;
--color-lavendless-200: #ebc3fb;
--color-lavendless-300: #d3a2e5;
--color-lavendless-400: #bb85d5;
--color-lavendless-500: #a668c2;
--color-lavendless-600: #8c59a4;
--color-lavendless-700: #714784;
--color-lavendless-800: #523363;
--color-lavendless-900: #392345;
--color-lavendless-950: #23122d;
}SCSS
$lavendless: #a971c3;
$lavendless-rgb: 169, 113, 195;
$lavendless-light: mix(#fff, $lavendless, 20%);
$lavendless-dark: mix(#000, $lavendless, 20%);
.element {
color: $lavendless;
box-shadow: 0 0 0 2px rgba($lavendless, 0.35);
}