أقرب لون مسمّى · #3A293C
#3A293C
أقرب لون مسمّى: Voodoo
#3A293C (rgb(58 41 60)، hsl(294 19% 20%)، oklch(0.309 0.041 322.9)) أقرب إلى اللون المسمّى Voodoo. شاهد الدرجات الفاتحة والداكنة والتناسقات وتباين WCAG وAPCA وأكواد CSS وTailwind v4 وSCSS.
#3A293C
oklch(0.309 0.041 322.9)
تحويلات الألوان
- HEX
- #3a293c
- RGB
- rgb(58 41 60)
- HSL
- hsl(294 19% 20%)
- HWB
- hwb(294 16% 76%)
- OKLCH
- oklch(0.309 0.041 322.9)
- OKLab
- oklab(0.309 0.032 -0.024)
- CIE Lab
- lab(19.25 11.16 -8.99)
- LCH
- lch(19.25 14.33 321.1)
- CMYK
- cmyk(3% 32% 0% 76%)
درجات فاتحة · درجات داكنة · درجات رمادية
درجات فاتحة
- 4B3B4D
- 5D4F5F
- 706372
- 837784
- 978D98
- ABA2AC
- BFB9C0
- D4D0D5
- E9E7EA
درجات داكنة
- 312233
- 281C2A
- 201521
- 180F19
- 100911
- 09050A
- 040204
- 010101
- 000000
درجات رمادية
- 413142
- 473949
- 4E4250
- 554A56
- 5C535D
- 635C64
- 6A656B
- 716E72
- 797779
تناسق الألوان
متمم +180°
- 3A293C
Voodoo
- 243522
≈ Black Leather Jacket
متجاور -30° +30°
- 3A293C
Voodoo
- 312C43
≈ Viola Black
- 402732
≈ Toledo
ثلاثي +120° +240°
- 3A293C
Voodoo
- 3A2E17
≈ Agrax Earthshade
- 133639
≈ Elite Teal
متمم منقسم +150° +210°
- 3A293C
Voodoo
- 303219
≈ Olivenite
- 18372E
≈ Medium Jungle Green
رباعي +90° +180° +270°
التباين وإمكانية الوصول
Ag
AAAعلى الأبيض
WCAG 13.44:1 · APCA Lc 100
Ag
Failعلى الأسود
WCAG 1.56:1 · APCA Lc 0
أفضل لون للنص: #FFFFFF
WCAG 13.44:1 (AAA) · APCA Lc 100
Contrast pairs
مقتطفات الأكواد
CSS
:root {
--voodoo: #3a293c;
--voodoo-rgb: 58 41 60;
--voodoo-oklch: oklch(0.309 0.041 322.9);
}
.element {
color: var(--voodoo);
background-color: hsl(294 19% 20%);
border-color: oklch(0.309 0.041 322.9);
}Tailwind CSS v4
@theme {
--color-voodoo: #3a293c;
--color-voodoo-50: #fbf1fc;
--color-voodoo-100: #efe3ef;
--color-voodoo-200: #decfde;
--color-voodoo-300: #c3b1c3;
--color-voodoo-400: #ab97ad;
--color-voodoo-500: #947d96;
--color-voodoo-600: #7d6a7f;
--color-voodoo-700: #645566;
--color-voodoo-800: #493e4b;
--color-voodoo-900: #332b34;
--color-voodoo-950: #1e1820;
}SCSS
$voodoo: #3a293c;
$voodoo-rgb: 58, 41, 60;
$voodoo-light: mix(#fff, $voodoo, 20%);
$voodoo-dark: mix(#000, $voodoo, 20%);
.element {
color: $voodoo;
box-shadow: 0 0 0 2px rgba($voodoo, 0.35);
}