Màu có tên gần nhất · #8A2A41
#8A2A41
Màu có tên gần nhất: Vampirella
#8A2A41 (rgb(138 42 65), hsl(346 53% 35%), oklch(0.437 0.13 10.1)) gần nhất với màu có tên Vampirella. Xem sắc nhạt, sắc đậm, hòa sắc, tương phản WCAG và APCA, cùng mã CSS, Tailwind v4 và SCSS.
#8A2A41
oklch(0.437 0.13 10.1)
Chuyển đổi màu
- 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%)
Sắc nhạt · Sắc đậm · Sắc xám
Sắc nhạt
- 974152
- A55663
- B16A75
- BD7F88
- C9949B
- D5A9AE
- E0BEC2
- EBD3D6
- F5E9EA
Sắc đậm
- 772337
- 651C2E
- 531625
- 42101C
- 320A13
- 22050B
- 140205
- 070101
- 010000
Sắc xám
- 8A3547
- 8B3F4D
- 8B4853
- 8A505A
- 8A5960
- 886166
- 87696D
- 857173
- 837879
Hòa sắc
Bổ túc +180°
- 8A2A41
Vampirella
- 005F5B
≈ Mosque
Tương đồng -30° +30°
- 8A2A41
Vampirella
- 7E2E68
≈ Grape Juice
- 8A3109
≈ Rogan Josh
Bộ ba +120° +240°
- 8A2A41
Vampirella
- 3B5E00
≈ Lustrian Undergrowth
- 005392
≈ Ocean
Bổ túc chia +150° +210°
- 8A2A41
Vampirella
- 00623E
≈ Aotake Bamboo
- 005B70
≈ Deep Lagoon
Bộ bốn +90° +180° +270°
- 8A2A41
Vampirella
- 5E5200
≈ Olive Brown
- 005F5B
≈ Mosque
- 464597
≈ Galaxy Express
Tương phản và khả năng tiếp cận
Ag
AAATrên nền trắng
WCAG 8.43:1 · APCA Lc 88
Ag
FailTrên nền đen
WCAG 2.48:1 · APCA Lc 14
Màu chữ tốt nhất: #FFFFFF
WCAG 8.43:1 (AAA) · APCA Lc 88
Contrast pairs
Đoạn mã
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);
}