最接近的命名颜色 · #79395F
#79395F
最接近的命名颜色: Passionate Plum
#79395F（rgb(121 57 95)、hsl(324 36% 35%)、oklch(0.441 0.101 345.5)）最接近命名颜色 Passionate Plum。查看浅色调、深色调、和谐色、WCAG 与 APCA 对比度，以及 CSS、Tailwind v4 和 SCSS 代码。
#79395F
oklch(0.441 0.101 345.5)
颜色转换
- HEX
- #79395f
- RGB
- rgb(121 57 95)
- HSL
- hsl(324 36% 35%)
- HWB
- hwb(324 22% 53%)
- OKLCH
- oklch(0.441 0.101 345.5)
- OKLab
- oklab(0.441 0.098 -0.025)
- CIE Lab
- lab(33.73 32.1 -9.23)
- LCH
- lch(33.73 33.4 344)
- CMYK
- cmyk(0% 53% 21% 53%)
浅色调 · 深色调 · 灰色调
浅色调
- 874C6E
- 955F7D
- A2728C
- B0859C
- BD98AC
- CAACBC
- D8C1CC
- E5D5DD
- F2EAEE
深色调
- 683052
- 582844
- 481F38
- 39172C
- 2B1020
- 1D0915
- 10040A
- 050103
- 010000
灰色调
- 7B4162
- 7C4866
- 7D4F69
- 7E566C
- 7F5D6F
- 806473
- 806B76
- 807279
- 80797D
配色和谐
互补色 +180°
- 79395F
Passionate Plum
- 006246
≈ Green Paw Paw
类似色 -30° +30°
- 79395F
Passionate Plum
- 683F78
≈ Dark Pansy
- 813840
≈ Red Pear
三角配色 +120° +240°
- 79395F
Passionate Plum
- 5A5500
≈ Douro
- 005C76
≈ Prismatic Springs
分裂互补色 +150° +210°
- 79395F
Passionate Plum
- 385F20
≈ Bright Nori
- 005F60
≈ Sandhill Crane
四角配色 +90° +180° +270°
- 79395F
Passionate Plum
- 704A00
≈ Antique Bronze
- 006246
≈ Green Paw Paw
- 295389
≈ Flashy Sapphire
对比度与无障碍
Ag
AAA白底
WCAG 8.19:1 · APCA Lc 88
Ag
Fail黑底
WCAG 2.56:1 · APCA Lc 14
最佳文字颜色: #FFFFFF
WCAG 8.19:1 (AAA) · APCA Lc 88
Contrast pairs
代码片段
CSS
:root {
--passionate-plum: #79395f;
--passionate-plum-rgb: 121 57 95;
--passionate-plum-oklch: oklch(0.441 0.101 345.5);
}
.element {
color: var(--passionate-plum);
background-color: hsl(324 36% 35%);
border-color: oklch(0.441 0.101 345.5);
}Tailwind CSS v4
@theme {
--color-passionate-plum: #79395f;
--color-passionate-plum-50: #ffeafb;
--color-passionate-plum-100: #ffdbee;
--color-passionate-plum-200: #f6c3dc;
--color-passionate-plum-300: #dfa3c1;
--color-passionate-plum-400: #ca86ac;
--color-passionate-plum-500: #b66995;
--color-passionate-plum-600: #99597e;
--color-passionate-plum-700: #7b4765;
--color-passionate-plum-800: #5b334b;
--color-passionate-plum-900: #3f2334;
--color-passionate-plum-950: #281220;
}SCSS
$passionate-plum: #79395f;
$passionate-plum-rgb: 121, 57, 95;
$passionate-plum-light: mix(#fff, $passionate-plum, 20%);
$passionate-plum-dark: mix(#000, $passionate-plum, 20%);
.element {
color: $passionate-plum;
box-shadow: 0 0 0 2px rgba($passionate-plum, 0.35);
}