最接近的命名颜色 · #8A2A41
#8A2A41
最接近的命名颜色: Vampirella
#8A2A41（rgb(138 42 65)、hsl(346 53% 35%)、oklch(0.437 0.13 10.1)）最接近命名颜色 Vampirella。查看浅色调、深色调、和谐色、WCAG 与 APCA 对比度，以及 CSS、Tailwind v4 和 SCSS 代码。
#8A2A41
oklch(0.437 0.13 10.1)
颜色转换
- HEX
- #8a2a41
- RGB
- rgb(138 42 65)
- HSL
- hsl(346 53% 35%)
- HWB
- hwb(346 16% 46%)
- OKLCH
- oklch(0.437 0.13 10.1)
- OKLab
- oklab(0.437 0.128 0.023)
- CIE Lab
- lab(33.21 42.48 9.83)
- LCH
- lch(33.21 43.6 13)
- CMYK
- cmyk(0% 70% 53% 46%)
浅色调 · 深色调 · 灰色调
浅色调
- 974152
- A55663
- B16A75
- BD7F88
- C9949B
- D5A9AE
- E0BEC2
- EBD3D6
- F5E9EA
深色调
- 772337
- 651C2E
- 531625
- 42101C
- 320A13
- 22050B
- 140205
- 070101
- 010000
灰色调
- 8A3547
- 8B3F4D
- 8B4853
- 8A505A
- 8A5960
- 886166
- 87696D
- 857173
- 837879
配色和谐
互补色 +180°
- 8A2A41
Vampirella
- 005F5B
≈ Mosque
类似色 -30° +30°
- 8A2A41
Vampirella
- 7E2E68
≈ Grape Juice
- 8A3109
≈ Rogan Josh
三角配色 +120° +240°
- 8A2A41
Vampirella
- 3B5E00
≈ Lustrian Undergrowth
- 005392
≈ Ocean
分裂互补色 +150° +210°
- 8A2A41
Vampirella
- 00623E
≈ Aotake Bamboo
- 005B70
≈ Deep Lagoon
四角配色 +90° +180° +270°
- 8A2A41
Vampirella
- 5E5200
≈ Olive Brown
- 005F5B
≈ Mosque
- 464597
≈ Galaxy Express
对比度与无障碍
Ag
AAA白底
WCAG 8.43:1 · APCA Lc 88
Ag
Fail黑底
WCAG 2.48:1 · APCA Lc 14
最佳文字颜色: #FFFFFF
WCAG 8.43:1 (AAA) · APCA Lc 88
Contrast pairs
代码片段
CSS
:root {
--vampirella: #8a2a41;
--vampirella-rgb: 138 42 65;
--vampirella-oklch: oklch(0.437 0.13 10.1);
}
.element {
color: var(--vampirella);
background-color: hsl(346 53% 35%);
border-color: oklch(0.437 0.13 10.1);
}Tailwind CSS v4
@theme {
--color-vampirella: #8a2a41;
--color-vampirella-50: #ffe7eb;
--color-vampirella-100: #ffd7dc;
--color-vampirella-200: #ffbec5;
--color-vampirella-300: #f29ba6;
--color-vampirella-400: #df7c8d;
--color-vampirella-500: #cc5c72;
--color-vampirella-600: #ad4f61;
--color-vampirella-700: #8b3f4d;
--color-vampirella-800: #672d3a;
--color-vampirella-900: #481e27;
--color-vampirella-950: #2f0e16;
}SCSS
$vampirella: #8a2a41;
$vampirella-rgb: 138, 42, 65;
$vampirella-light: mix(#fff, $vampirella, 20%);
$vampirella-dark: mix(#000, $vampirella, 20%);
.element {
color: $vampirella;
box-shadow: 0 0 0 2px rgba($vampirella, 0.35);
}