#3C0E4E#3C0E4E
#3C0E4E لون داكن ومتوسط التشبّع من عائلة purple. الإضاءة النسبية 0.018؛ OKLCH L 27.8% C 0.114 H 314.4°. أفضل لون لنص المتن هو #FFFFFF بتباين 15.38:1 (مطابق لمعيار WCAG AA).
قيم اللون
| HEX | #3C0E4E |
|---|---|
| RGB | rgb(60, 14, 78) |
| HSL | hsl(283, 70%, 18%) |
| HSV | hsv(283, 82%, 31%) |
| CMYK | cmyk(23.1%, 82.1%, 0%, 69.4%) |
| CIE-LAB | lab(14.54, 33.03, -28.89) |
| CIE-LCH | lch(14.54, 43.88, 318.83°) |
| OKLab | oklab(27.8% 0.0798 -0.0815) |
| OKLCH | oklch(27.8% 0.114 314.4) |
| XYZ | xyz(3.3954, 1.8249, 7.3796) |
| Luminance | 0.0182 (WCAG relative) |
| Temperature | cool |
| Family | purple |
أقرب الألوان المُسمّاة
Dark Purple
#35063E
ΔE00 3.39
Dark Violet
#34013F
ΔE00 3.40
Deep Purple
#36013F
ΔE00 3.43
Plum Purple
#4E0550
ΔE00 4.35
Deep Violet
#490648
ΔE00 4.37
Eggplant Purple
#430541
ΔE00 4.62
المقاييس الإدراكية
الدرجات الغامقة
الدرجات الفاتحة
التدريجات
OKLCH scale
تناغمات الألوان
complementary
#3C0E4E #204E0E
analogous
#1C0E4E #3C0E4E #4E0E40
triadic
#3C0E4E #4E3C0E #0E4E3C
tetradic
#3C0E4E #4E1C0E #204E0E #0E404E
square
#3C0E4E #4E1C0E #204E0E #0E404E
split-complementary
#3C0E4E #404E0E #0E4E1C
monochromatic
#14051A #14051A #3C0E4E #641782 #8C21B6
إمكانية الوصول والتباين
On white
15.38
#3C0E4E on #FFFFFF
AA ✓AA large ✓AAA ✓
On black
1.37
#3C0E4E on #000000
AA ✗AA large ✗AAA ✗
أفضل لون للنص
#FFFFFF on #3C0E4E
15.38:1 — WCAG AA (نص عادي) مطابق
مصفوفة التباين
| fg \ bg | ##3C0E4E | #FFFFFF | #000000 | ##FFFFFF |
|---|---|---|---|---|
| ##3C0E4E | 1.00 | 15.38 | 1.37 | 15.38 |
| #FFFFFF | 15.38 | 1.00 | 21.00 | 1.00 |
| #000000 | 1.37 | 21.00 | 1.00 | 21.00 |
| ##FFFFFF | 15.38 | 1.00 | 21.00 | 1.00 |
معاينة عمى الألوان
Protanopia (red-blind)
#002250
Deuteranopia (green-blind)
#0A264D
Tritanopia (blue-blind)
#3A1C2D
Achromatopsia (no color)
#252525
وسوم التصميم والكود
CSS
--color: #3c0e4e; /* rgb */ color: rgb(60, 14, 78); /* oklch */ color: oklch(27.8% 0.114 314.4);
Tailwind
colors: {
custom: {
50: '#755280',
500: '#3c0e4e',
950: '#000000',
},
}SCSS
$custom: #3c0e4e; $custom-light: #755280; $custom-dark: #000000;
JSON
{
"hex": "#3c0e4e",
"rgb": {
"r": 60,
"g": 14,
"b": 78
},
"hsl": {
"h": 283.125,
"s": 69.565,
"l": 18.039
},
"oklch": {
"l": 0.27799,
"c": 0.11407,
"h": 314.4
},
"luminance": 0.01825
}Semantic roles & 50–950 ramp
primary
#3C0E4E
secondary
#48892F
accent
#EC3B6D
background
#F7F4F7
surface
#EDE7EE
border
#C8C3C9
text
#08020A
muted
#7B787C