Màu có tên gần nhất · #410042
#410042
Màu có tên gần nhất: Eggplant
#410042 (rgb(65 0 66), hsl(299 100% 13%), oklch(0.264 0.122 327.6)) gần nhất với màu có tên Eggplant. 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.
#410042
oklch(0.264 0.122 327.6)
Chuyển đổi màu
- HEX
- #410042
- RGB
- rgb(65 0 66)
- HSL
- hsl(299 100% 13%)
- HWB
- hwb(299 0% 74%)
- OKLCH
- oklch(0.264 0.122 327.6)
- OKLab
- oklab(0.264 0.103 -0.065)
- CIE Lab
- lab(12.65 35.23 -23.31)
- LCH
- lch(12.65 42.25 326.5)
- CMYK
- cmyk(2% 100% 0% 74%)
Sắc nhạt · Sắc đậm · Sắc xám
Sắc nhạt
- 541D54
- 663565
- 794D78
- 8B658A
- 9E7D9D
- B196B0
- C4AFC3
- D8C9D7
- EBE4EB
Sắc đậm
- 370038
- 2E002F
- 250025
- 1C001C
- 130014
- 0B000B
- 050005
- 010001
- 000000
Sắc xám
- 481248
- 4F204F
- 562C55
- 5C385B
- 634462
- 695068
- 6F5C6E
- 756874
- 7A747A
Hòa sắc
Bổ túc +180°
- 410042
Eggplant
- 002E0C
≈ Haunted Forest
Tương đồng -30° +30°
- 410042
Eggplant
- 2E0D57
≈ Vanishing
- 490025
≈ Blaze It Dark Magenta
Bộ ba +120° +240°
- 410042
Eggplant
- 302300
≈ Black Swan
- 002B30
≈ Black Box
Bổ túc chia +150° +210°
- 410042
Eggplant
- 232900
≈ Lindworm Green
- 002D25
≈ Guerrilla Forest
Bộ bốn +90° +180° +270°
Tương phản và khả năng tiếp cận
Ag
AAATrên nền trắng
WCAG 16.11:1 · APCA Lc 102
Ag
FailTrên nền đen
WCAG 1.30:1 · APCA Lc 0
Màu chữ tốt nhất: #FFFFFF
WCAG 16.11:1 (AAA) · APCA Lc 102
Contrast pairs
Đoạn mã
CSS
:root {
--eggplant: #410042;
--eggplant-rgb: 65 0 66;
--eggplant-oklch: oklch(0.264 0.122 327.6);
}
.element {
color: var(--eggplant);
background-color: hsl(299 100% 13%);
border-color: oklch(0.264 0.122 327.6);
}Tailwind CSS v4
@theme {
--color-eggplant: #410042;
--color-eggplant-50: #ffe9ff;
--color-eggplant-100: #ffdafc;
--color-eggplant-200: #f3c2ee;
--color-eggplant-300: #dba1d6;
--color-eggplant-400: #c584c3;
--color-eggplant-500: #b067af;
--color-eggplant-600: #955794;
--color-eggplant-700: #784677;
--color-eggplant-800: #583259;
--color-eggplant-900: #3d223e;
--color-eggplant-950: #261127;
}SCSS
$eggplant: #410042;
$eggplant-rgb: 65, 0, 66;
$eggplant-light: mix(#fff, $eggplant, 20%);
$eggplant-dark: mix(#000, $eggplant, 20%);
.element {
color: $eggplant;
box-shadow: 0 0 0 2px rgba($eggplant, 0.35);
}