#9564EA#9564EA
#9564EA لون متوسط وزاهٍ من عائلة بنفسجي. الإضاءة النسبية 0.214؛ OKLCH L 61.9% C 0.195 H 297.2°. أفضل لون لنص المتن هو #000000 بتباين 5.29:1 (مطابق لمعيار WCAG AA).
قيم اللون
| HEX | #9564EA |
|---|---|
| RGB | rgb(149, 100, 234) |
| HSL | hsl(262, 76%, 65%) |
| HSV | hsv(262, 57%, 92%) |
| CMYK | cmyk(36.3%, 57.3%, 0%, 8.2%) |
| CIE-LAB | lab(53.43, 47.83, -60.98) |
| CIE-LCH | lch(53.43, 77.50, 308.11°) |
| OKLab | oklab(61.88% 0.0891 -0.1731) |
| OKLCH | oklch(61.88% 0.195 297.2) |
| XYZ | xyz(31.7991, 21.4439, 80.2897) |
| Luminance | 0.2144 (WCAG relative) |
| Temperature | cool |
| Family | violet |
أقرب الألوان المُسمّاة
Lighter Purple
#A55AF4
ΔE00 3.45
Mediumpurple
#9370DB
ΔE00 3.97
Purpley
#8756E4
ΔE00 4.79
Lightish Purple
#A552E6
ΔE00 4.93
Mediumslateblue
#7B68EE
ΔE00 5.03
Light Urple
#B36FF6
ΔE00 6.35
المقاييس الإدراكية
الدرجات الغامقة
الدرجات الفاتحة
التدريجات
OKLCH scale
تناغمات الألوان
complementary
#9564EA #B9EA64
analogous
#6476EA #9564EA #D864EA
triadic
#9564EA #EA9564 #64EA95
tetradic
#9564EA #EA6476 #B9EA64 #64EAD8
square
#9564EA #EA6476 #B9EA64 #64EAD8
split-complementary
#9564EA #EAD864 #76EA64
monochromatic
#5419BA #702EE3 #9564EA #BA9AF1 #DFD0F9
إمكانية الوصول والتباين
On white
3.97
#9564EA on #FFFFFF
AA ✗AA large ✓AAA ✗
On black
5.29
#9564EA on #000000
AA ✓AA large ✓AAA ✗
أفضل لون للنص
#000000 on #9564EA
5.29:1 — WCAG AA (نص عادي) مطابق
مصفوفة التباين
| fg \ bg | ##9564EA | #FFFFFF | #000000 | ##000000 |
|---|---|---|---|---|
| ##9564EA | 1.00 | 3.97 | 5.29 | 5.29 |
| #FFFFFF | 3.97 | 1.00 | 21.00 | 21.00 |
| #000000 | 5.29 | 21.00 | 1.00 | 1.00 |
| ##000000 | 5.29 | 21.00 | 1.00 | 1.00 |
معاينة عمى الألوان
Protanopia (red-blind)
#1C80EE
Deuteranopia (green-blind)
#337EE7
Tritanopia (blue-blind)
#81809E
Achromatopsia (no color)
#808080
وسوم التصميم والكود
CSS
--color: #9564ea; /* rgb */ color: rgb(149, 100, 234); /* oklch */ color: oklch(61.9% 0.195 297.2);
Tailwind
colors: {
custom: {
50: '#b992f1',
500: '#9564ea',
950: '#000000',
},
}SCSS
$custom: #9564ea; $custom-light: #b992f1; $custom-dark: #000000;
JSON
{
"hex": "#9564ea",
"rgb": {
"r": 149,
"g": 100,
"b": 234
},
"hsl": {
"h": 261.94,
"s": 76.136,
"l": 65.49
},
"oklch": {
"l": 0.61876,
"c": 0.19468,
"h": 297.2
},
"luminance": 0.21444
}Semantic roles & 50–950 ramp
primary
#9564EA
secondary
#DBEBBE
accent
#D80D8E
background
#FBF9FE
surface
#F7F1FD
border
#D0CBD5
text
#120D17
muted
#817E85