#4E316E#4E316E
#4E316E لون داكن ومتوسط التشبّع من عائلة بنفسجي. الإضاءة النسبية 0.049؛ OKLCH L 37.8% C 0.104 H 303.8°. أفضل لون لنص المتن هو #FFFFFF بتباين 10.56:1 (مطابق لمعيار WCAG AA).
قيم اللون
| HEX | #4E316E |
|---|---|
| RGB | rgb(78, 49, 110) |
| HSL | hsl(269, 38%, 31%) |
| HSV | hsv(269, 55%, 43%) |
| CMYK | cmyk(29.1%, 55.5%, 0%, 56.9%) |
| CIE-LAB | lab(26.57, 26.63, -30.65) |
| CIE-LCH | lch(26.57, 40.61, 310.99°) |
| OKLab | oklab(37.81% 0.0577 -0.0863) |
| OKLCH | oklch(37.81% 0.104 303.8) |
| XYZ | xyz(7.0541, 4.9421, 15.3311) |
| Luminance | 0.0494 (WCAG relative) |
| Temperature | cool |
| Family | violet |
أقرب الألوان المُسمّاة
Darkslateblue
#483D8B
ΔE00 7.21
Rebeccapurple
#663399
ΔE00 8.42
Blueberry
#464196
ΔE00 9.50
Royal Purple (survey)
#4B006E
ΔE00 9.53
Grape
#6C3461
ΔE00 9.98
Darkish Purple
#751973
ΔE00 10.05
المقاييس الإدراكية
الدرجات الغامقة
الدرجات الفاتحة
التدريجات
OKLCH scale
تناغمات الألوان
complementary
#4E316E #516E31
analogous
#31326E #4E316E #6C316E
triadic
#4E316E #6E4E31 #316E4E
tetradic
#4E316E #6E3132 #516E31 #316E6C
square
#4E316E #6E3132 #516E31 #316E6C
split-complementary
#4E316E #6E6C31 #326E31
monochromatic
#120B19 #301E44 #4E316E #6C4498 #8B61B9
إمكانية الوصول والتباين
On white
10.56
#4E316E on #FFFFFF
AA ✓AA large ✓AAA ✓
On black
1.99
#4E316E on #000000
AA ✗AA large ✗AAA ✗
أفضل لون للنص
#FFFFFF on #4E316E
10.56:1 — WCAG AA (نص عادي) مطابق
مصفوفة التباين
| fg \ bg | ##4E316E | #FFFFFF | #000000 | ##FFFFFF |
|---|---|---|---|---|
| ##4E316E | 1.00 | 10.56 | 1.99 | 10.56 |
| #FFFFFF | 10.56 | 1.00 | 21.00 | 1.00 |
| #000000 | 1.99 | 21.00 | 1.00 | 21.00 |
| ##FFFFFF | 10.56 | 1.00 | 21.00 | 1.00 |
معاينة عمى الألوان
Protanopia (red-blind)
#1D3E70
Deuteranopia (green-blind)
#253F6D
Tritanopia (blue-blind)
#483C4A
Achromatopsia (no color)
#3F3F3F
وسوم التصميم والكود
CSS
--color: #4e316e; /* rgb */ color: rgb(78, 49, 110); /* oklch */ color: oklch(37.8% 0.104 303.8);
Tailwind
colors: {
custom: {
50: '#826a98',
500: '#4e316e',
950: '#000000',
},
}SCSS
$custom: #4e316e; $custom-light: #826a98; $custom-dark: #000000;
JSON
{
"hex": "#4e316e",
"rgb": {
"r": 78,
"g": 49,
"b": 110
},
"hsl": {
"h": 268.525,
"s": 38.365,
"l": 31.176
},
"oklch": {
"l": 0.37809,
"c": 0.1038,
"h": 303.8
},
"luminance": 0.04942
}Semantic roles & 50–950 ramp
primary
#4E316E
secondary
#7F9F5C
accent
#CE5997
background
#F8F6F9
surface
#EFEBF2
border
#CAC6CC
text
#0A060D
muted
#7C7A7E