最接近的命名颜色 · #B05893
#B05893
最接近的命名颜色: Magenta Memoir
#B05893（rgb(176 88 147)、hsl(320 36% 52%)、oklch(0.585 0.135 341.4)）最接近命名颜色 Magenta Memoir。查看浅色调、深色调、和谐色、WCAG 与 APCA 对比度，以及 CSS、Tailwind v4 和 SCSS 代码。
#B05893
oklch(0.585 0.135 341.4)
颜色转换
- HEX
- #b05893
- RGB
- rgb(176 88 147)
- HSL
- hsl(320 36% 52%)
- HWB
- hwb(320 35% 31%)
- OKLCH
- oklch(0.585 0.135 341.4)
- OKLab
- oklab(0.585 0.128 -0.043)
- CIE Lab
- lab(50.01 42.05 -15.67)
- LCH
- lch(50.01 44.87 339.6)
- CMYK
- cmyk(0% 50% 16% 31%)
浅色调 · 深色调 · 灰色调
浅色调
- B9699D
- C279A8
- CA8AB3
- D39ABD
- DBABC8
- E2BBD3
- EACCDE
- F1DDE9
- F8EEF4
深色调
- 994B7F
- 823F6C
- 6C3359
- 562847
- 421D36
- 2E1225
- 1C0916
- 0B0308
- 010001
灰色调
- AC5D91
- A8628F
- A3668E
- 9F6A8C
- 9A6E8A
- 957288
- 907686
- 8B7984
- 867D82
配色和谐
互补色 +180°
- B05893
Magenta Memoir
- 009363
≈ Emerald Lake
类似色 -30° +30°
- B05893
Magenta Memoir
- 9662B6
≈ Trunks Hair
- BD5567
≈ Popstar
三角配色 +120° +240°
- B05893
Magenta Memoir
- 8C7D00
≈ Moscow Papyrus
- 008AA9
≈ Capri Breeze
分裂互补色 +150° +210°
- B05893
Magenta Memoir
- 5E8C2C
≈ Maximum Green
- 008E8B
≈ Corfu Shallows
四角配色 +90° +180° +270°
- B05893
Magenta Memoir
- A96D00
≈ Buckthorn Brown
- 009363
≈ Emerald Lake
- 357FC9
≈ Heirloom Hydrangea
对比度与无障碍
Ag
AA白底
WCAG 4.50:1 · APCA Lc 71
Ag
AA黑底
WCAG 4.66:1 · APCA Lc 31
最佳文字颜色: #000000
WCAG 4.66:1 (AA) · APCA Lc 31
Contrast pairs
代码片段
CSS
:root {
--magenta-memoir: #b05893;
--magenta-memoir-rgb: 176 88 147;
--magenta-memoir-oklch: oklch(0.585 0.135 341.4);
}
.element {
color: var(--magenta-memoir);
background-color: hsl(320 36% 52%);
border-color: oklch(0.585 0.135 341.4);
}Tailwind CSS v4
@theme {
--color-magenta-memoir: #b05893;
--color-magenta-memoir-50: #ffe6ff;
--color-magenta-memoir-100: #ffd7f4;
--color-magenta-memoir-200: #febee3;
--color-magenta-memoir-300: #e89bc9;
--color-magenta-memoir-400: #d47db6;
--color-magenta-memoir-500: #c05ea0;
--color-magenta-memoir-600: #a25087;
--color-magenta-memoir-700: #82406c;
--color-magenta-memoir-800: #602e51;
--color-magenta-memoir-900: #431f39;
--color-magenta-memoir-950: #2b0e23;
}SCSS
$magenta-memoir: #b05893;
$magenta-memoir-rgb: 176, 88, 147;
$magenta-memoir-light: mix(#fff, $magenta-memoir, 20%);
$magenta-memoir-dark: mix(#000, $magenta-memoir, 20%);
.element {
color: $magenta-memoir;
box-shadow: 0 0 0 2px rgba($magenta-memoir, 0.35);
}