最接近的命名颜色 · #A53098
#A53098
最接近的命名颜色: Warm Purple
#A53098（rgb(165 48 152)、hsl(307 55% 42%)、oklch(0.524 0.191 332.8)）最接近命名颜色 Warm Purple。查看浅色调、深色调、和谐色、WCAG 与 APCA 对比度，以及 CSS、Tailwind v4 和 SCSS 代码。
#A53098
oklch(0.524 0.191 332.8)
颜色转换
- HEX
- #a53098
- RGB
- rgb(165 48 152)
- HSL
- hsl(307 55% 42%)
- HWB
- hwb(307 19% 35%)
- OKLCH
- oklch(0.524 0.191 332.8)
- OKLab
- oklab(0.524 0.17 -0.087)
- CIE Lab
- lab(41.84 56.41 -31.37)
- LCH
- lch(41.84 64.54 330.9)
- CMYK
- cmyk(0% 71% 8% 35%)
浅色调 · 深色调 · 灰色调
浅色调
- B049A2
- BA5FAD
- C473B7
- CD87C2
- D69BCC
- DFAFD6
- E8C3E0
- F0D7EB
- F8EBF5
深色调
- 8F2884
- 792170
- 651A5C
- 51134A
- 3D0C38
- 2B0627
- 1A0317
- 0A0108
- 010001
灰色调
- A23C96
- A04694
- 9D4F92
- 9A578F
- 965F8D
- 92668B
- 8E6D88
- 8A7486
- 857A83
配色和谐
互补色 +180°
- A53098
Warm Purple
- 007F42
≈ Jungle Green
类似色 -30° +30°
- A53098
Warm Purple
- 8143C2
≈ Harley Hair Purple
- BA2160
≈ Chaotic Roses
三角配色 +120° +240°
- A53098
Warm Purple
- 7F6700
≈ Arousing Alligator
- 007789
≈ Biscay Bay
分裂互补色 +150° +210°
- A53098
Warm Purple
- 5D7500
≈ Topiary Green
- 007B6F
≈ Pond Moss
四角配色 +90° +180° +270°
- A53098
Warm Purple
- 995800
≈ Charlie Brown
- 007F42
≈ Jungle Green
- 0070AC
≈ Planetarium
对比度与无障碍
Ag
AA白底
WCAG 6.04:1 · APCA Lc 79
Ag
Fail黑底
WCAG 3.47:1 · APCA Lc 23
最佳文字颜色: #FFFFFF
WCAG 6.04:1 (AA) · APCA Lc 79
Contrast pairs
代码片段
CSS
:root {
--warm-purple: #a53098;
--warm-purple-rgb: 165 48 152;
--warm-purple-oklch: oklch(0.524 0.191 332.8);
}
.element {
color: var(--warm-purple);
background-color: hsl(307 55% 42%);
border-color: oklch(0.524 0.191 332.8);
}Tailwind CSS v4
@theme {
--color-warm-purple: #a53098;
--color-warm-purple-50: #ffe1ff;
--color-warm-purple-100: #ffd0ff;
--color-warm-purple-200: #ffb5f5;
--color-warm-purple-300: #f290de;
--color-warm-purple-400: #de6dce;
--color-warm-purple-500: #cb47bb;
--color-warm-purple-600: #ab3e9e;
--color-warm-purple-700: #8a317f;
--color-warm-purple-800: #652360;
--color-warm-purple-900: #471743;
--color-warm-purple-950: #2e072b;
}SCSS
$warm-purple: #a53098;
$warm-purple-rgb: 165, 48, 152;
$warm-purple-light: mix(#fff, $warm-purple, 20%);
$warm-purple-dark: mix(#000, $warm-purple, 20%);
.element {
color: $warm-purple;
box-shadow: 0 0 0 2px rgba($warm-purple, 0.35);
}