命名颜色 · #915D88
Plum Savour
Plum Savour 即 #915D88：rgb(145 93 136)、hsl(310 22% 47%)、oklch(0.55 0.09 333.1)。查看浅色调、深色调、和谐色、WCAG 与 APCA 对比度，以及 CSS、Tailwind v4 和 SCSS 代码。
What does Pink mean? → · Plum Savour color name →
#915D88
oklch(0.55 0.09 333.1)
颜色转换
- HEX
- #915d88
- RGB
- rgb(145 93 136)
- HSL
- hsl(310 22% 47%)
- HWB
- hwb(310 36% 43%)
- OKLCH
- oklch(0.55 0.09 333.1)
- OKLab
- oklab(0.55 0.08 -0.041)
- CIE Lab
- lab(46.5 27 -14.91)
- LCH
- lch(46.5 30.85 331.1)
- CMYK
- cmyk(0% 36% 6% 43%)
浅色调 · 深色调 · 灰色调
浅色调
- 9C6C93
- A77C9F
- B28CAB
- BD9CB6
- C8ACC2
- D3BCCE
- DECCDA
- E9DDE6
- F4EEF3
深色调
- 7D5075
- 6A4363
- 583752
- 462A41
- 351F31
- 251422
- 150A13
- 070306
- 010001
灰色调
- 906187
- 8E6587
- 8D6886
- 8B6C85
- 8A6F84
- 887384
- 867683
- 847982
- 827D81
配色和谐
互补色 +180°
- 915D88
Plum Savour
- 448158
≈ Adamite Green
类似色 -30° +30°
- 915D88
Plum Savour
- 7C649D
≈ Purple Paradise
- 9D5A6C
≈ Beef Jerky
三角配色 +120° +240°
- 915D88
Plum Savour
- 84702C
≈ Mustard Magic
- 197F91
≈ Pagoda
分裂互补色 +150° +210°
- 915D88
Plum Savour
- 677A3C
≈ Military Green
- 1D8277
≈ Autumn Pine Green
四角配色 +90° +180° +270°
- 915D88
Plum Savour
- 976535
≈ Buddy Buddy
- 448158
≈ Adamite Green
- 3E77A2
≈ Taiwan Blue Magpie
对比度与无障碍
Ag
AA白底
WCAG 5.09:1 · APCA Lc 75
Ag
Fail黑底
WCAG 4.12:1 · APCA Lc 27
最佳文字颜色: #FFFFFF
WCAG 5.09:1 (AA) · APCA Lc 75
Contrast pairs
代码片段
CSS
:root {
--plum-savour: #915d88;
--plum-savour-rgb: 145 93 136;
--plum-savour-oklch: oklch(0.55 0.09 333.1);
}
.element {
color: var(--plum-savour);
background-color: hsl(310 22% 47%);
border-color: oklch(0.55 0.09 333.1);
}Tailwind CSS v4
@theme {
--color-plum-savour: #915d88;
--color-plum-savour-50: #ffecff;
--color-plum-savour-100: #fcddf4;
--color-plum-savour-200: #eec6e4;
--color-plum-savour-300: #d5a6ca;
--color-plum-savour-400: #bf8bb5;
--color-plum-savour-500: #aa6fa0;
--color-plum-savour-600: #905e87;
--color-plum-savour-700: #734b6c;
--color-plum-savour-800: #543751;
--color-plum-savour-900: #3b2538;
--color-plum-savour-950: #251423;
}SCSS
$plum-savour: #915d88;
$plum-savour-rgb: 145, 93, 136;
$plum-savour-light: mix(#fff, $plum-savour, 20%);
$plum-savour-dark: mix(#000, $plum-savour, 20%);
.element {
color: $plum-savour;
box-shadow: 0 0 0 2px rgba($plum-savour, 0.35);
}