命名颜色 · #9C52F2
Aconite Violet
Aconite Violet 即 #9C52F2：rgb(156 82 242)、hsl(268 86% 64%)、oklch(0.607 0.229 301)。查看浅色调、深色调、和谐色、WCAG 与 APCA 对比度，以及 CSS、Tailwind v4 和 SCSS 代码。
What does Purple mean? → · Aconite Violet color name →
#9C52F2
oklch(0.607 0.229 301)
颜色转换
- HEX
- #9c52f2
- RGB
- rgb(156 82 242)
- HSL
- hsl(268 86% 64%)
- HWB
- hwb(268 32% 5%)
- OKLCH
- oklch(0.607 0.229 301)
- OKLab
- oklab(0.607 0.118 -0.196)
- CIE Lab
- lab(50.49 53.91 -69.79)
- LCH
- lch(50.49 88.19 307.7)
- CMYK
- cmyk(36% 66% 0% 5%)
浅色调 · 深色调 · 灰色调
浅色调
- A567F5
- AE7AF7
- B88BFA
- C19DFC
- CBADFD
- D5BEFE
- DFCEFF
- EADFFF
- F4EFFF
深色调
- 8746D2
- 733BB4
- 5F2F96
- 4C2579
- 391A5E
- 281143
- 18082B
- 090214
- 010003
灰色调
- 995AE7
- 9661DC
- 9366D1
- 906BC6
- 8D70BB
- 8A74AF
- 8877A4
- 857B98
- 827D8C
配色和谐
互补色 +180°
- 9C52F2
Aconite Violet
- 768E00
≈ Canopy
类似色 -30° +30°
- 9C52F2
Aconite Violet
- 5770FF
≈ Blue Heath Butterfly
- C939BF
≈ Purple Pink
三角配色 +120° +240°
- 9C52F2
Aconite Violet
- BD6B00
≈ Indocile Tiger
- 009786
≈ Lights at Sea
分裂互补色 +150° +210°
- 9C52F2
Aconite Violet
- 9E7E00
≈ Cerignola Olive
- 009C4B
≈ Get up and Go
四角配色 +90° +180° +270°
- 9C52F2
Aconite Violet
- EC2A0F
≈ Don’t Be Shy
- 768E00
≈ Canopy
- 0092A6
≈ Oasis
对比度与无障碍
Ag
Fail白底
WCAG 4.28:1 · APCA Lc 69
Ag
AA黑底
WCAG 4.90:1 · APCA Lc 33
最佳文字颜色: #000000
WCAG 4.90:1 (AA) · APCA Lc 33
Contrast pairs
代码片段
CSS
:root {
--aconite-violet: #9c52f2;
--aconite-violet-rgb: 156 82 242;
--aconite-violet-oklch: oklch(0.607 0.229 301);
}
.element {
color: var(--aconite-violet);
background-color: hsl(268 86% 64%);
border-color: oklch(0.607 0.229 301);
}Tailwind CSS v4
@theme {
--color-aconite-violet: #9c52f2;
--color-aconite-violet-50: #ffe6ff;
--color-aconite-violet-100: #f7d6ff;
--color-aconite-violet-200: #e8bbff;
--color-aconite-violet-300: #cf97ff;
--color-aconite-violet-400: #b775ff;
--color-aconite-violet-500: #a34dff;
--color-aconite-violet-600: #8a43d9;
--color-aconite-violet-700: #6e36af;
--color-aconite-violet-800: #4f2784;
--color-aconite-violet-900: #371a5e;
--color-aconite-violet-950: #220940;
}SCSS
$aconite-violet: #9c52f2;
$aconite-violet-rgb: 156, 82, 242;
$aconite-violet-light: mix(#fff, $aconite-violet, 20%);
$aconite-violet-dark: mix(#000, $aconite-violet, 20%);
.element {
color: $aconite-violet;
box-shadow: 0 0 0 2px rgba($aconite-violet, 0.35);
}