命名颜色 · #8E3A59
Quinacridone Magenta
Quinacridone Magenta 即 #8E3A59：rgb(142 58 89)、hsl(338 42% 39%)、oklch(0.472 0.118 359.6)。查看浅色调、深色调、和谐色、WCAG 与 APCA 对比度，以及 CSS、Tailwind v4 和 SCSS 代码。
What does Red mean? → · Quinacridone Magenta color name →
#8E3A59
oklch(0.472 0.118 359.6)
颜色转换
- HEX
- #8e3a59
- RGB
- rgb(142 58 89)
- HSL
- hsl(338 42% 39%)
- HWB
- hwb(338 23% 44%)
- OKLCH
- oklch(0.472 0.118 359.6)
- OKLab
- oklab(0.472 0.118 -0.001)
- CIE Lab
- lab(37.22 38.63 0.18)
- LCH
- lch(37.22 38.63 0.3)
- CMYK
- cmyk(0% 59% 37% 44%)
浅色调 · 深色调 · 灰色调
浅色调
- 9B4E68
- A76178
- B37487
- BE8798
- CA9AA8
- D5AEB9
- E0C2CA
- EAD6DB
- F5EAED
深色调
- 7B314C
- 682840
- 562034
- 441828
- 34101D
- 240913
- 150409
- 070103
- 010000
灰色调
- 8E425D
- 8D4A61
- 8D5164
- 8C5868
- 8A5F6C
- 896670
- 876D74
- 857378
- 837A7C
配色和谐
互补色 +180°
- 8E3A59
Quinacridone Magenta
- 006B5D
≈ Pacific Queen
类似色 -30° +30°
- 8E3A59
Quinacridone Magenta
- 7F3F7B
≈ Violet Webcap
- 923C31
≈ Carmen Miranda
三角配色 +120° +240°
- 8E3A59
Quinacridone Magenta
- 546300
≈ Serrano Pepper
- 006291
≈ Bauhaus Blue
分裂互补色 +150° +210°
- 8E3A59
Quinacridone Magenta
- 196D34
≈ Column of Oak Green
- 006774
≈ Bankson Lake
四角配色 +90° +180° +270°
- 8E3A59
Quinacridone Magenta
- 715800
≈ Hot Mustard
- 006B5D
≈ Pacific Queen
- 41559D
≈ Nuthatch Back
对比度与无障碍
Ag
AAA白底
WCAG 7.24:1 · APCA Lc 85
Ag
Fail黑底
WCAG 2.89:1 · APCA Lc 17
最佳文字颜色: #FFFFFF
WCAG 7.24:1 (AAA) · APCA Lc 85
Contrast pairs
代码片段
CSS
:root {
--quinacridone-magenta: #8e3a59;
--quinacridone-magenta-rgb: 142 58 89;
--quinacridone-magenta-oklch: oklch(0.472 0.118 359.6);
}
.element {
color: var(--quinacridone-magenta);
background-color: hsl(338 42% 39%);
border-color: oklch(0.472 0.118 359.6);
}Tailwind CSS v4
@theme {
--color-quinacridone-magenta: #8e3a59;
--color-quinacridone-magenta-50: #ffe8f3;
--color-quinacridone-magenta-100: #ffd8e5;
--color-quinacridone-magenta-200: #ffc0d1;
--color-quinacridone-magenta-300: #eb9eb3;
--color-quinacridone-magenta-400: #d7809c;
--color-quinacridone-magenta-500: #c46183;
--color-quinacridone-magenta-600: #a5536f;
--color-quinacridone-magenta-700: #854259;
--color-quinacridone-magenta-800: #622f42;
--color-quinacridone-magenta-900: #45202e;
--color-quinacridone-magenta-950: #2c0f1b;
}SCSS
$quinacridone-magenta: #8e3a59;
$quinacridone-magenta-rgb: 142, 58, 89;
$quinacridone-magenta-light: mix(#fff, $quinacridone-magenta, 20%);
$quinacridone-magenta-dark: mix(#000, $quinacridone-magenta, 20%);
.element {
color: $quinacridone-magenta;
box-shadow: 0 0 0 2px rgba($quinacridone-magenta, 0.35);
}