最接近的命名颜色 · #91376D
#91376D
最接近的命名颜色: Midnight Aubergine
#91376D（rgb(145 55 109)、hsl(324 45% 39%)、oklch(0.48 0.136 346.4)）最接近命名颜色 Midnight Aubergine。查看浅色调、深色调、和谐色、WCAG 与 APCA 对比度，以及 CSS、Tailwind v4 和 SCSS 代码。
#91376D
oklch(0.48 0.136 346.4)
颜色转换
- HEX
- #91376d
- RGB
- rgb(145 55 109)
- HSL
- hsl(324 45% 39%)
- HWB
- hwb(324 22% 43%)
- OKLCH
- oklch(0.48 0.136 346.4)
- OKLab
- oklab(0.48 0.133 -0.032)
- CIE Lab
- lab(37.78 42.98 -11.52)
- LCH
- lch(37.78 44.49 345)
- CMYK
- cmyk(0% 62% 25% 43%)
浅色调 · 深色调 · 灰色调
浅色调
- 9D4C7B
- A95F89
- B57397
- C086A5
- CB9AB4
- D6AEC2
- E1C2D1
- EBD6E0
- F5EAF0
深色调
- 7D2E5E
- 6A264F
- 581E41
- 461633
- 350F26
- 250819
- 15030D
- 070104
- 010001
灰色调
- 90406F
- 904871
- 8F5073
- 8D5775
- 8C5E77
- 8A6579
- 886C7A
- 86737C
- 83797E
配色和谐
互补色 +180°
- 91376D
Midnight Aubergine
- 006F51
≈ Natural Watercourse
类似色 -30° +30°
- 91376D
Midnight Aubergine
- 7B4190
≈ Cadmium Violet
- 9B3542
≈ High Drama
三角配色 +120° +240°
- 91376D
Midnight Aubergine
- 656100
≈ Green Brown
- 006785
≈ Ansel
分裂互补色 +150° +210°
- 91376D
Midnight Aubergine
- 356E0E
≈ Tatzelwurm Green
- 006B6D
≈ Mayan Blue
四角配色 +90° +180° +270°
- 91376D
Midnight Aubergine
- 7D5400
≈ Intense Brown
- 006F51
≈ Natural Watercourse
- 215CA8
≈ Miracle at Wrigley
对比度与无障碍
Ag
AAA白底
WCAG 7.06:1 · APCA Lc 84
Ag
Fail黑底
WCAG 2.97:1 · APCA Lc 18
最佳文字颜色: #FFFFFF
WCAG 7.06:1 (AAA) · APCA Lc 84
Contrast pairs
代码片段
CSS
:root {
--midnight-aubergine: #91376d;
--midnight-aubergine-rgb: 145 55 109;
--midnight-aubergine-oklch: oklch(0.48 0.136 346.4);
}
.element {
color: var(--midnight-aubergine);
background-color: hsl(324 45% 39%);
border-color: oklch(0.48 0.136 346.4);
}Tailwind CSS v4
@theme {
--color-midnight-aubergine: #91376d;
--color-midnight-aubergine-50: #ffe6fc;
--color-midnight-aubergine-100: #ffd6f0;
--color-midnight-aubergine-200: #ffbdde;
--color-midnight-aubergine-300: #ec9ac3;
--color-midnight-aubergine-400: #d87baf;
--color-midnight-aubergine-500: #c45c98;
--color-midnight-aubergine-600: #a64e81;
--color-midnight-aubergine-700: #853e67;
--color-midnight-aubergine-800: #622d4d;
--color-midnight-aubergine-900: #451e36;
--color-midnight-aubergine-950: #2c0e21;
}SCSS
$midnight-aubergine: #91376d;
$midnight-aubergine-rgb: 145, 55, 109;
$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);
}