最接近的命名颜色 · #410042
#410042
最接近的命名颜色: Eggplant
#410042（rgb(65 0 66)、hsl(299 100% 13%)、oklch(0.264 0.122 327.6)）最接近命名颜色 Eggplant。查看浅色调、深色调、和谐色、WCAG 与 APCA 对比度，以及 CSS、Tailwind v4 和 SCSS 代码。
#410042
oklch(0.264 0.122 327.6)
颜色转换
- 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%)
浅色调 · 深色调 · 灰色调
浅色调
- 541D54
- 663565
- 794D78
- 8B658A
- 9E7D9D
- B196B0
- C4AFC3
- D8C9D7
- EBE4EB
深色调
- 370038
- 2E002F
- 250025
- 1C001C
- 130014
- 0B000B
- 050005
- 010001
- 000000
灰色调
- 481248
- 4F204F
- 562C55
- 5C385B
- 634462
- 695068
- 6F5C6E
- 756874
- 7A747A
配色和谐
互补色 +180°
- 410042
Eggplant
- 002E0C
≈ Haunted Forest
类似色 -30° +30°
- 410042
Eggplant
- 2E0D57
≈ Vanishing
- 490025
≈ Blaze It Dark Magenta
三角配色 +120° +240°
- 410042
Eggplant
- 302300
≈ Black Swan
- 002B30
≈ Black Box
分裂互补色 +150° +210°
- 410042
Eggplant
- 232900
≈ Lindworm Green
- 002D25
≈ Guerrilla Forest
四角配色 +90° +180° +270°
对比度与无障碍
Ag
AAA白底
WCAG 16.11:1 · APCA Lc 102
Ag
Fail黑底
WCAG 1.30:1 · APCA Lc 0
最佳文字颜色: #FFFFFF
WCAG 16.11:1 (AAA) · APCA Lc 102
Contrast pairs
代码片段
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);
}