أقرب لون مسمّى · #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);
}