最接近的命名颜色 · #9E7B97
#9E7B97
最接近的命名颜色: Amorous
#9E7B97（rgb(158 123 151)、hsl(312 15% 55%)、oklch(0.626 0.058 333.3)）最接近命名颜色 Amorous。查看浅色调、深色调、和谐色、WCAG 与 APCA 对比度，以及 CSS、Tailwind v4 和 SCSS 代码。
#9E7B97
oklch(0.626 0.058 333.3)
颜色转换
- HEX
- #9e7b97
- RGB
- rgb(158 123 151)
- HSL
- hsl(312 15% 55%)
- HWB
- hwb(312 48% 38%)
- OKLCH
- oklch(0.626 0.058 333.3)
- OKLab
- oklab(0.626 0.052 -0.026)
- CIE Lab
- lab(55.77 17.62 -9.69)
- LCH
- lch(55.77 20.11 331.2)
- CMYK
- cmyk(0% 22% 4% 38%)
浅色调 · 深色调 · 灰色调
浅色调
- A888A1
- B194AB
- BBA1B5
- C4AEC0
- CEBBCA
- D8C8D4
- E2D6DF
- EBE3EA
- F5F1F4
深色调
- 896A83
- 745A6F
- 604A5C
- 4D3A49
- 3A2C37
- 291E26
- 181017
- 090508
- 010101
灰色调
- 9B7C95
- 987C92
- 957D90
- 927D8E
- 8F7E8C
- 8C7E89
- 897F87
- 867F85
- 838082
配色和谐
互补色 +180°
- 9E7B97
Amorous
- 6D9377
≈ Watercress
类似色 -30° +30°
- 9E7B97
Amorous
- 8F80A5
≈ Violet Chalk
- A77984
≈ Mauve Madness
三角配色 +120° +240°
- 9E7B97
Amorous
- 94885F
≈ Enchanted Wood
- 5D919D
≈ Cabana Blue
分裂互补色 +150° +210°
- 9E7B97
Amorous
- 818E67
≈ Saladin
- 5E948B
≈ Fiddler
四角配色 +90° +180° +270°
- 9E7B97
Amorous
- A28163
≈ Mulled Cider
- 6D9377
≈ Watercress
- 698CA9
≈ Scanda
对比度与无障碍
Ag
Fail白底
WCAG 3.66:1 · APCA Lc 64
Ag
AA黑底
WCAG 5.73:1 · APCA Lc 37
最佳文字颜色: #000000
WCAG 5.73:1 (AA) · APCA Lc 37
Contrast pairs
代码片段
CSS
:root {
--amorous: #9e7b97;
--amorous-rgb: 158 123 151;
--amorous-oklch: oklch(0.626 0.058 333.3);
}
.element {
color: var(--amorous);
background-color: hsl(312 15% 55%);
border-color: oklch(0.626 0.058 333.3);
}Tailwind CSS v4
@theme {
--color-amorous: #9e7b97;
--color-amorous-50: #ffeffc;
--color-amorous-100: #f5e1f0;
--color-amorous-200: #e5cbde;
--color-amorous-300: #cbadc3;
--color-amorous-400: #b492ad;
--color-amorous-500: #9e7897;
--color-amorous-600: #86667f;
--color-amorous-700: #6b5166;
--color-amorous-800: #4f3b4c;
--color-amorous-900: #372835;
--color-amorous-950: #211620;
}SCSS
$amorous: #9e7b97;
$amorous-rgb: 158, 123, 151;
$amorous-light: mix(#fff, $amorous, 20%);
$amorous-dark: mix(#000, $amorous, 20%);
.element {
color: $amorous;
box-shadow: 0 0 0 2px rgba($amorous, 0.35);
}