命名颜色 · #AA3377
Plum Kingdom
Plum Kingdom 即 #AA3377：rgb(170 51 119)、hsl(326 54% 43%)、oklch(0.519 0.169 349.4)。查看浅色调、深色调、和谐色、WCAG 与 APCA 对比度，以及 CSS、Tailwind v4 和 SCSS 代码。
What does Pink mean? → · Plum Kingdom color name →
#AA3377
oklch(0.519 0.169 349.4)
颜色转换
- HEX
- #aa3377
- RGB
- rgb(170 51 119)
- HSL
- hsl(326 54% 43%)
- HWB
- hwb(326 20% 33%)
- OKLCH
- oklch(0.519 0.169 349.4)
- OKLab
- oklab(0.519 0.166 -0.031)
- CIE Lab
- lab(41.9 53.35 -11.04)
- LCH
- lch(41.9 54.48 348.3)
- CMYK
- cmyk(0% 70% 30% 33%)
浅色调 · 深色调 · 灰色调
浅色调
- B54A84
- BF5F91
- C8749E
- D287AB
- DA9BB9
- E3AFC7
- EAC3D5
- F2D7E3
- F9EBF1
深色调
- 932B67
- 7D2357
- 681C47
- 531438
- 3F0D2A
- 2D071C
- 1B0310
- 0B0105
- 010001
灰色调
- A73E78
- A44779
- A1507A
- 9D587B
- 995F7C
- 95667D
- 916D7D
- 8C747E
- 867A7F
配色和谐
互补色 +180°
- AA3377
Plum Kingdom
- 007B5F
≈ Emerald Dream
类似色 -30° +30°
- AA3377
Plum Kingdom
- 9140A4
≈ Tyrian Shimmer
- B5303F
≈ Bloodsport
三角配色 +120° +240°
- AA3377
Plum Kingdom
- 6E6D00
≈ Worn Olive
- 007398
≈ Enchanted Blue
分裂互补色 +150° +210°
- AA3377
Plum Kingdom
- 287D00
≈ Napier Green
- 00787C
≈ Hypnotic Sea
四角配色 +90° +180° +270°
- AA3377
Plum Kingdom
- 896000
≈ Rat Brown
- 007B5F
≈ Emerald Dream
- 2464C7
≈ Janitor
对比度与无障碍
Ag
AA白底
WCAG 6.08:1 · APCA Lc 79
Ag
Fail黑底
WCAG 3.44:1 · APCA Lc 22
最佳文字颜色: #FFFFFF
WCAG 6.08:1 (AA) · APCA Lc 79
Contrast pairs
代码片段
CSS
:root {
--plum-kingdom: #aa3377;
--plum-kingdom-rgb: 170 51 119;
--plum-kingdom-oklch: oklch(0.519 0.169 349.4);
}
.element {
color: var(--plum-kingdom);
background-color: hsl(326 54% 43%);
border-color: oklch(0.519 0.169 349.4);
}Tailwind CSS v4
@theme {
--color-plum-kingdom: #aa3377;
--color-plum-kingdom-50: #ffe2fb;
--color-plum-kingdom-100: #ffd1ee;
--color-plum-kingdom-200: #ffb6dd;
--color-plum-kingdom-300: #f892c1;
--color-plum-kingdom-400: #e570ad;
--color-plum-kingdom-500: #d24c97;
--color-plum-kingdom-600: #b2417f;
--color-plum-kingdom-700: #8f3466;
--color-plum-kingdom-800: #6a254d;
--color-plum-kingdom-900: #4a1936;
--color-plum-kingdom-950: #310821;
}SCSS
$plum-kingdom: #aa3377;
$plum-kingdom-rgb: 170, 51, 119;
$plum-kingdom-light: mix(#fff, $plum-kingdom, 20%);
$plum-kingdom-dark: mix(#000, $plum-kingdom, 20%);
.element {
color: $plum-kingdom;
box-shadow: 0 0 0 2px rgba($plum-kingdom, 0.35);
}