#7561CA#7561CA
#7561CA لون متوسط وزاهٍ من عائلة بنفسجي. الإضاءة النسبية 0.166؛ OKLCH L 56.3% C 0.157 H 289.1°. أفضل لون لنص المتن هو #FFFFFF بتباين 4.86:1 (مطابق لمعيار WCAG AA).
قيم اللون
| HEX | #7561CA |
|---|---|
| RGB | rgb(117, 97, 202) |
| HSL | hsl(251, 50%, 59%) |
| HSV | hsv(251, 52%, 79%) |
| CMYK | cmyk(42.1%, 52%, 0%, 20.8%) |
| CIE-LAB | lab(47.75, 33.47, -52.12) |
| CIE-LCH | lch(47.75, 61.95, 302.71°) |
| OKLab | oklab(56.32% 0.0514 -0.148) |
| OKLCH | oklch(56.32% 0.157 289.1) |
| XYZ | xyz(22.2685, 16.5948, 57.8955) |
| Luminance | 0.1660 (WCAG relative) |
| Temperature | cool |
| Family | violet |
أقرب الألوان المُسمّاة
Light Indigo
#6D5ACF
ΔE00 2.70
Slate Blue
#6A5ACD
ΔE00 2.97
Dark Periwinkle
#665FD1
ΔE00 3.21
Iris
#6258C4
ΔE00 4.39
Purpley
#8756E4
ΔE00 5.62
Mediumslateblue
#7B68EE
ΔE00 5.86
المقاييس الإدراكية
الدرجات الغامقة
الدرجات الفاتحة
التدريجات
OKLCH scale
تناغمات الألوان
complementary
#7561CA #B6CA61
analogous
#6181CA #7561CA #A961CA
triadic
#7561CA #CA7561 #61CA75
tetradic
#7561CA #CA6181 #B6CA61 #61CAA9
square
#7561CA #CA6181 #B6CA61 #61CAA9
split-complementary
#7561CA #CAA961 #81CA61
monochromatic
#3D2C84 #523CB2 #7561CA #9D8FD9 #C5BDE9
إمكانية الوصول والتباين
On white
4.86
#7561CA on #FFFFFF
AA ✓AA large ✓AAA ✗
On black
4.32
#7561CA on #000000
AA ✗AA large ✓AAA ✗
أفضل لون للنص
#FFFFFF on #7561CA
4.86:1 — WCAG AA (نص عادي) مطابق
مصفوفة التباين
| fg \ bg | ##7561CA | #FFFFFF | #000000 | ##FFFFFF |
|---|---|---|---|---|
| ##7561CA | 1.00 | 4.86 | 4.32 | 4.86 |
| #FFFFFF | 4.86 | 1.00 | 21.00 | 1.00 |
| #000000 | 4.32 | 21.00 | 1.00 | 21.00 |
| ##FFFFFF | 4.86 | 1.00 | 21.00 | 1.00 |
معاينة عمى الألوان
Protanopia (red-blind)
#3273CE
Deuteranopia (green-blind)
#336FC8
Tritanopia (blue-blind)
#5D778C
Achromatopsia (no color)
#717171
وسوم التصميم والكود
CSS
--color: #7561ca; /* rgb */ color: rgb(117, 97, 202); /* oklch */ color: oklch(56.3% 0.157 289.1);
Tailwind
colors: {
custom: {
50: '#a18edb',
500: '#7561ca',
950: '#000000',
},
}SCSS
$custom: #7561ca; $custom-light: #a18edb; $custom-dark: #000000;
JSON
{
"hex": "#7561ca",
"rgb": {
"r": 117,
"g": 97,
"b": 202
},
"hsl": {
"h": 251.429,
"s": 49.763,
"l": 58.627
},
"oklch": {
"l": 0.56319,
"c": 0.15667,
"h": 289.1
},
"luminance": 0.16596
}Semantic roles & 50–950 ramp
primary
#7561CA
secondary
#D0D8AF
accent
#D94FBF
background
#FAF8FD
surface
#F4F0FB
border
#CECBD4
text
#0F0C15
muted
#7F7D83