最接近的命名颜色 · #893067
#893067
最接近的命名颜色: Midnight Aubergine
#893067（rgb(137 48 103)、hsl(323 48% 36%)、oklch(0.456 0.136 345.8)）最接近命名颜色 Midnight Aubergine。查看浅色调、深色调、和谐色、WCAG 与 APCA 对比度，以及 CSS、Tailwind v4 和 SCSS 代码。
#893067
oklch(0.456 0.136 345.8)
颜色转换
- HEX
- #893067
- RGB
- rgb(137 48 103)
- HSL
- hsl(323 48% 36%)
- HWB
- hwb(323 19% 46%)
- OKLCH
- oklch(0.456 0.136 345.8)
- OKLab
- oklab(0.456 0.132 -0.033)
- CIE Lab
- lab(35.02 42.81 -12.06)
- LCH
- lch(35.02 44.48 344.3)
- CMYK
- cmyk(0% 65% 25% 46%)
浅色调 · 深色调 · 灰色调
浅色调
- 964575
- A35A84
- AF6E92
- BC82A1
- C796B0
- D3ABC0
- DEBFCF
- E9D4DF
- F4EAEF
深色调
- 762859
- 64214B
- 531A3D
- 421330
- 310C23
- 220617
- 14030C
- 070104
- 010000
灰色调
- 893A6A
- 89436C
- 894B6F
- 895371
- 885B74
- 876376
- 866A79
- 84727B
- 82797E
配色和谐
互补色 +180°
- 893067
Midnight Aubergine
- 00674A
≈ Victoria Green
类似色 -30° +30°
- 893067
Midnight Aubergine
- 733A89
≈ Perkin Mauve
- 932D3D
≈ Rumba Red
三角配色 +120° +240°
- 893067
Midnight Aubergine
- 5F5A00
≈ Greensboro
- 00607C
≈ Blue-Collar
分裂互补色 +150° +210°
- 893067
Midnight Aubergine
- 306600
≈ Keen Green
- 006465
≈ Really Teal
四角配色 +90° +180° +270°
- 893067
Midnight Aubergine
- 754E00
≈ Lucky Brown
- 00674A
≈ Victoria Green
- 1756A1
≈ Princess Blue
对比度与无障碍
Ag
AAA白底
WCAG 7.82:1 · APCA Lc 86
Ag
Fail黑底
WCAG 2.68:1 · APCA Lc 16
最佳文字颜色: #FFFFFF
WCAG 7.82:1 (AAA) · APCA Lc 86
Contrast pairs
代码片段
CSS
:root {
--midnight-aubergine: #893067;
--midnight-aubergine-rgb: 137 48 103;
--midnight-aubergine-oklch: oklch(0.456 0.136 345.8);
}
.element {
color: var(--midnight-aubergine);
background-color: hsl(323 48% 36%);
border-color: oklch(0.456 0.136 345.8);
}Tailwind CSS v4
@theme {
--color-midnight-aubergine: #893067;
--color-midnight-aubergine-50: #ffe6fc;
--color-midnight-aubergine-100: #ffd6f0;
--color-midnight-aubergine-200: #ffbddf;
--color-midnight-aubergine-300: #eb9ac4;
--color-midnight-aubergine-400: #d77cb0;
--color-midnight-aubergine-500: #c45c99;
--color-midnight-aubergine-600: #a54f82;
--color-midnight-aubergine-700: #853f68;
--color-midnight-aubergine-800: #622d4e;
--color-midnight-aubergine-900: #451e36;
--color-midnight-aubergine-950: #2c0e21;
}SCSS
$midnight-aubergine: #893067;
$midnight-aubergine-rgb: 137, 48, 103;
$midnight-aubergine-light: mix(#fff, $midnight-aubergine, 20%);
$midnight-aubergine-dark: mix(#000, $midnight-aubergine, 20%);
.element {
color: $midnight-aubergine;
box-shadow: 0 0 0 2px rgba($midnight-aubergine, 0.35);
}