最接近的命名颜色 · #A32899
#A32899
最接近的命名颜色: Purple Ink
#A32899（rgb(163 40 153)、hsl(305 61% 40%)、oklch(0.514 0.199 331.7)）最接近命名颜色 Purple Ink。查看浅色调、深色调、和谐色、WCAG 与 APCA 对比度，以及 CSS、Tailwind v4 和 SCSS 代码。
#A32899
oklch(0.514 0.199 331.7)
颜色转换
- HEX
- #a32899
- RGB
- rgb(163 40 153)
- HSL
- hsl(305 61% 40%)
- HWB
- hwb(305 16% 36%)
- OKLCH
- oklch(0.514 0.199 331.7)
- OKLab
- oklab(0.514 0.175 -0.095)
- CIE Lab
- lab(40.57 58.61 -33.98)
- LCH
- lch(40.57 67.74 329.9)
- CMYK
- cmyk(0% 75% 6% 36%)
浅色调 · 深色调 · 灰色调
浅色调
- AE43A3
- B85AAE
- C370B8
- CC84C3
- D699CD
- DFADD7
- E7C1E1
- F0D6EB
- F7EAF5
深色调
- 8D2184
- 781B70
- 63155D
- 4F0F4A
- 3C0938
- 2A0427
- 190217
- 0A0108
- 010001
灰色调
- A13697
- 9E4295
- 9B4C93
- 995590
- 955D8E
- 92648B
- 8E6C89
- 8A7386
- 857983
配色和谐
互补色 +180°
- A32899
Purple Ink
- 007C3D
≈ Jordan Jazz
类似色 -30° +30°
- A32899
Purple Ink
- 7E3EC4
≈ Purple Rain
- B9125F
≈ Spiced Purple
三角配色 +120° +240°
- A32899
Purple Ink
- 7D6400
≈ Arousing Alligator
- 007485
≈ Glamour Green
分裂互补色 +150° +210°
- A32899
Purple Ink
- 5C7100
≈ Fern Frond
- 00786B
≈ Pond Moss
四角配色 +90° +180° +270°
- A32899
Purple Ink
- 965500
≈ Charlie Brown
- 007C3D
≈ Jordan Jazz
- 006EA6
≈ Bowen Blue
对比度与无障碍
Ag
AA白底
WCAG 6.32:1 · APCA Lc 80
Ag
Fail黑底
WCAG 3.32:1 · APCA Lc 22
最佳文字颜色: #FFFFFF
WCAG 6.32:1 (AA) · APCA Lc 80
Contrast pairs
代码片段
CSS
:root {
--purple-ink: #a32899;
--purple-ink-rgb: 163 40 153;
--purple-ink-oklch: oklch(0.514 0.199 331.7);
}
.element {
color: var(--purple-ink);
background-color: hsl(305 61% 40%);
border-color: oklch(0.514 0.199 331.7);
}Tailwind CSS v4
@theme {
--color-purple-ink: #a32899;
--color-purple-ink-50: #ffe0ff;
--color-purple-ink-100: #ffcfff;
--color-purple-ink-200: #ffb4f8;
--color-purple-ink-300: #f38ee2;
--color-purple-ink-400: #df6bd2;
--color-purple-ink-500: #cc43c0;
--color-purple-ink-600: #ac3ba2;
--color-purple-ink-700: #8a2f82;
--color-purple-ink-800: #662163;
--color-purple-ink-900: #481645;
--color-purple-ink-950: #2e062d;
}SCSS
$purple-ink: #a32899;
$purple-ink-rgb: 163, 40, 153;
$purple-ink-light: mix(#fff, $purple-ink, 20%);
$purple-ink-dark: mix(#000, $purple-ink, 20%);
.element {
color: $purple-ink;
box-shadow: 0 0 0 2px rgba($purple-ink, 0.35);
}