最接近的命名颜色 · #B32997
#B32997
最接近的命名颜色: Jealous Jellyfish
#B32997（rgb(179 41 151)、hsl(312 63% 43%)、oklch(0.539 0.206 337.8)）最接近命名颜色 Jealous Jellyfish。查看浅色调、深色调、和谐色、WCAG 与 APCA 对比度，以及 CSS、Tailwind v4 和 SCSS 代码。
#B32997
oklch(0.539 0.206 337.8)
颜色转换
- HEX
- #b32997
- RGB
- rgb(179 41 151)
- HSL
- hsl(312 63% 43%)
- HWB
- hwb(312 16% 30%)
- OKLCH
- oklch(0.539 0.206 337.8)
- OKLab
- oklab(0.539 0.19 -0.078)
- CIE Lab
- lab(43.5 62.1 -27.95)
- LCH
- lch(43.5 68.1 335.8)
- CMYK
- cmyk(0% 77% 16% 30%)
浅色调 · 深色调 · 灰色调
浅色调
- BD45A1
- C65CAC
- CF72B6
- D786C1
- DF9BCB
- E6AFD6
- EDC3E0
- F4D7EA
- FAEBF5
深色调
- 9B2283
- 841C6F
- 6E155C
- 580F49
- 430937
- 2F0526
- 1D0217
- 0C0108
- 010001
灰色调
- AF3895
- AB4393
- A74D91
- A3568F
- 9E5E8C
- 99668A
- 936D88
- 8D7485
- 877A83
配色和谐
互补色 +180°
- B32997
Jealous Jellyfish
- 008451
≈ Dark Emerald
类似色 -30° +30°
- B32997
Jealous Jellyfish
- 8F3FC8
≈ Dreamscape Purple
- C71758
≈ Bright Rose
三角配色 +120° +240°
- B32997
Jealous Jellyfish
- 806E00
≈ Sunlit Kelp Green
- 007B93
≈ Jade Shard
分裂互补色 +150° +210°
- B32997
Jealous Jellyfish
- 577D00
≈ Avocado
- 008078
≈ Coelia Greenshade
四角配色 +90° +180° +270°
- B32997
Jealous Jellyfish
- 9B5F00
≈ Raw Sienna
- 008451
≈ Dark Emerald
- 0072BD
≈ French Blue
对比度与无障碍
Ag
AA白底
WCAG 5.70:1 · APCA Lc 77
Ag
Fail黑底
WCAG 3.68:1 · APCA Lc 25
最佳文字颜色: #FFFFFF
WCAG 5.70:1 (AA) · APCA Lc 77
Contrast pairs
代码片段
CSS
:root {
--jealous-jellyfish: #b32997;
--jealous-jellyfish-rgb: 179 41 151;
--jealous-jellyfish-oklch: oklch(0.539 0.206 337.8);
}
.element {
color: var(--jealous-jellyfish);
background-color: hsl(312 63% 43%);
border-color: oklch(0.539 0.206 337.8);
}Tailwind CSS v4
@theme {
--color-jealous-jellyfish: #b32997;
--color-jealous-jellyfish-50: #ffdfff;
--color-jealous-jellyfish-100: #ffcdfe;
--color-jealous-jellyfish-200: #ffb1f0;
--color-jealous-jellyfish-300: #fb8ad8;
--color-jealous-jellyfish-400: #e766c8;
--color-jealous-jellyfish-500: #d53bb5;
--color-jealous-jellyfish-600: #b43498;
--color-jealous-jellyfish-700: #91297a;
--color-jealous-jellyfish-800: #6b1d5d;
--color-jealous-jellyfish-900: #4b1341;
--color-jealous-jellyfish-950: #31042a;
}SCSS
$jealous-jellyfish: #b32997;
$jealous-jellyfish-rgb: 179, 41, 151;
$jealous-jellyfish-light: mix(#fff, $jealous-jellyfish, 20%);
$jealous-jellyfish-dark: mix(#000, $jealous-jellyfish, 20%);
.element {
color: $jealous-jellyfish;
box-shadow: 0 0 0 2px rgba($jealous-jellyfish, 0.35);
}