#7A5EC6#7A5EC6
#7A5EC6 لون متوسط وزاهٍ من عائلة بنفسجي. الإضاءة النسبية 0.162؛ OKLCH L 56.0% C 0.156 H 293.1°. أفضل لون لنص المتن هو #FFFFFF بتباين 4.95:1 (مطابق لمعيار WCAG AA).
قيم اللون
| HEX | #7A5EC6 |
|---|---|
| RGB | rgb(122, 94, 198) |
| HSL | hsl(256, 48%, 57%) |
| HSV | hsv(256, 53%, 78%) |
| CMYK | cmyk(38.4%, 52.5%, 0%, 22.4%) |
| CIE-LAB | lab(47.26, 35.33, -50.57) |
| CIE-LCH | lch(47.26, 61.69, 304.94°) |
| OKLab | oklab(55.99% 0.0612 -0.1433) |
| OKLCH | oklch(55.99% 0.156 293.1) |
| XYZ | xyz(22.2191, 16.2197, 55.3752) |
| Luminance | 0.1622 (WCAG relative) |
| Temperature | cool |
| Family | violet |
أقرب الألوان المُسمّاة
Light Indigo
#6D5ACF
ΔE00 3.27
Slate Blue
#6A5ACD
ΔE00 3.63
Dark Periwinkle
#665FD1
ΔE00 4.58
Iris
#6258C4
ΔE00 4.93
Purpley
#8756E4
ΔE00 5.19
Deep Lavender
#8D5EB7
ΔE00 5.64
المقاييس الإدراكية
الدرجات الغامقة
الدرجات الفاتحة
التدريجات
OKLCH scale
تناغمات الألوان
complementary
#7A5EC6 #AAC65E
analogous
#5E76C6 #7A5EC6 #AE5EC6
triadic
#7A5EC6 #C67A5E #5EC67A
tetradic
#7A5EC6 #C65E76 #AAC65E #5EC6AE
square
#7A5EC6 #C65E76 #AAC65E #5EC6AE
split-complementary
#7A5EC6 #C6AE5E #76C65E
monochromatic
#422C7D #5A3CAA #7A5EC6 #9F8BD6 #C5B8E6
إمكانية الوصول والتباين
On white
4.95
#7A5EC6 on #FFFFFF
AA ✓AA large ✓AAA ✗
On black
4.24
#7A5EC6 on #000000
AA ✗AA large ✓AAA ✗
أفضل لون للنص
#FFFFFF on #7A5EC6
4.95:1 — WCAG AA (نص عادي) مطابق
مصفوفة التباين
| fg \ bg | ##7A5EC6 | #FFFFFF | #000000 | ##FFFFFF |
|---|---|---|---|---|
| ##7A5EC6 | 1.00 | 4.95 | 4.24 | 4.95 |
| #FFFFFF | 4.95 | 1.00 | 21.00 | 1.00 |
| #000000 | 4.24 | 21.00 | 1.00 | 21.00 |
| ##FFFFFF | 4.95 | 1.00 | 21.00 | 1.00 |
معاينة عمى الألوان
Protanopia (red-blind)
#3271CA
Deuteranopia (green-blind)
#386EC4
Tritanopia (blue-blind)
#677389
Achromatopsia (no color)
#707070
وسوم التصميم والكود
CSS
--color: #7a5ec6; /* rgb */ color: rgb(122, 94, 198); /* oklch */ color: oklch(56.0% 0.156 293.1);
Tailwind
colors: {
custom: {
50: '#a48cd8',
500: '#7a5ec6',
950: '#000000',
},
}SCSS
$custom: #7a5ec6; $custom-light: #a48cd8; $custom-dark: #000000;
JSON
{
"hex": "#7a5ec6",
"rgb": {
"r": 122,
"g": 94,
"b": 198
},
"hsl": {
"h": 256.154,
"s": 47.706,
"l": 57.255
},
"oklch": {
"l": 0.55991,
"c": 0.15583,
"h": 293.1
},
"luminance": 0.1622
}Semantic roles & 50–950 ramp
primary
#7A5EC6
secondary
#CAD5AB
accent
#D750B3
background
#FAF8FD
surface
#F4F0FA
border
#CECBD3
text
#100C14
muted
#7F7D83