أقرب لون مسمّى · #49007C
#49007C
أقرب لون مسمّى: Indigo
#49007C (rgb(73 0 124)، hsl(275 100% 24%)، oklch(0.33 0.174 302.7)) أقرب إلى اللون المسمّى Indigo. شاهد الدرجات الفاتحة والداكنة والتناسقات وتباين WCAG وAPCA وأكواد CSS وTailwind v4 وSCSS.
#49007C
oklch(0.33 0.174 302.7)
تحويلات الألوان
- HEX
- #49007c
- RGB
- rgb(73 0 124)
- HSL
- hsl(275 100% 24%)
- HWB
- hwb(275 0% 51%)
- OKLCH
- oklch(0.33 0.174 302.7)
- OKLab
- oklab(0.33 0.094 -0.146)
- CIE Lab
- lab(18.82 45.7 -51.96)
- LCH
- lch(18.82 69.2 311.3)
- CMYK
- cmyk(41% 100% 0% 51%)
درجات فاتحة · درجات داكنة · درجات رمادية
درجات فاتحة
- 59278A
- 694198
- 7A59A6
- 8C70B3
- 9E87C0
- B19ECD
- C4B6DA
- D7CEE6
- EBE6F3
درجات داكنة
- 3E006B
- 34005A
- 2A004A
- 20003B
- 17002C
- 0E001E
- 060011
- 020005
- 000001
درجات رمادية
- 4E1A7E
- 53297F
- 583680
- 5E4281
- 634D81
- 695782
- 6E6282
- 746C82
- 7A7681
تناسق الألوان
متمم +180°
- 49007C
Indigo
- 2E3B00
≈ Dark Olive
متجاور -30° +30°
ثلاثي +120° +240°
- 49007C
Indigo
- 502B00
≈ Kyoto House
- 003F38
≈ Botanical Night
متمم منقسم +150° +210°
- 49007C
Indigo
- 413400
≈ Night in the Woods
- 00411F
≈ Angel Green
رباعي +90° +180° +270°
التباين وإمكانية الوصول
Ag
AAAعلى الأبيض
WCAG 13.33:1 · APCA Lc 98
Ag
Failعلى الأسود
WCAG 1.57:1 · APCA Lc 0
أفضل لون للنص: #FFFFFF
WCAG 13.33:1 (AAA) · APCA Lc 98
Contrast pairs
مقتطفات الأكواد
CSS
:root {
--indigo: #49007c;
--indigo-rgb: 73 0 124;
--indigo-oklch: oklch(0.33 0.174 302.7);
}
.element {
color: var(--indigo);
background-color: hsl(275 100% 24%);
border-color: oklch(0.33 0.174 302.7);
}Tailwind CSS v4
@theme {
--color-indigo: #49007c;
--color-indigo-50: #ffe9ff;
--color-indigo-100: #f5daff;
--color-indigo-200: #e5c2ff;
--color-indigo-300: #cca0ff;
--color-indigo-400: #b382f2;
--color-indigo-500: #9e62e3;
--color-indigo-600: #8554bf;
--color-indigo-700: #6b439a;
--color-indigo-800: #4d3074;
--color-indigo-900: #362152;
--color-indigo-950: #211037;
}SCSS
$indigo: #49007c;
$indigo-rgb: 73, 0, 124;
$indigo-light: mix(#fff, $indigo, 20%);
$indigo-dark: mix(#000, $indigo, 20%);
.element {
color: $indigo;
box-shadow: 0 0 0 2px rgba($indigo, 0.35);
}