#8564D7#8564D7
#8564D7 لون متوسط وزاهٍ من عائلة بنفسجي. الإضاءة النسبية 0.190؛ OKLCH L 59.1% C 0.170 H 293.8°. أفضل لون لنص المتن هو #000000 بتباين 4.80:1 (مطابق لمعيار WCAG AA).
قيم اللون
| HEX | #8564D7 |
|---|---|
| RGB | rgb(133, 100, 215) |
| HSL | hsl(257, 59%, 62%) |
| HSV | hsv(257, 53%, 84%) |
| CMYK | cmyk(38.1%, 53.5%, 0%, 15.7%) |
| CIE-LAB | lab(50.69, 39.13, -54.74) |
| CIE-LCH | lch(50.69, 67.29, 305.56°) |
| OKLab | oklab(59.12% 0.0685 -0.1552) |
| OKLCH | oklch(59.12% 0.17 293.8) |
| XYZ | xyz(26.4926, 19.0066, 66.5496) |
| Luminance | 0.1901 (WCAG relative) |
| Temperature | cool |
| Family | violet |
أقرب الألوان المُسمّاة
Purpley
#8756E4
ΔE00 4.09
Mediumslateblue
#7B68EE
ΔE00 4.31
Mediumpurple
#9370DB
ΔE00 4.45
Light Indigo
#6D5ACF
ΔE00 5.49
Slate Blue
#6A5ACD
ΔE00 6.00
Dark Periwinkle
#665FD1
ΔE00 6.12
المقاييس الإدراكية
الدرجات الغامقة
الدرجات الفاتحة
التدريجات
OKLCH scale
تناغمات الألوان
complementary
#8564D7 #B6D764
analogous
#647DD7 #8564D7 #BE64D7
triadic
#8564D7 #D78564 #64D785
tetradic
#8564D7 #D7647D #B6D764 #64D7BE
square
#8564D7 #D7647D #B6D764 #64D7BE
split-complementary
#8564D7 #D7BE64 #7DD764
monochromatic
#482899 #5F34CA #8564D7 #AB95E4 #D2C5F0
إمكانية الوصول والتباين
On white
4.37
#8564D7 on #FFFFFF
AA ✗AA large ✓AAA ✗
On black
4.80
#8564D7 on #000000
AA ✓AA large ✓AAA ✗
أفضل لون للنص
#000000 on #8564D7
4.80:1 — WCAG AA (نص عادي) مطابق
مصفوفة التباين
| fg \ bg | ##8564D7 | #FFFFFF | #000000 | ##000000 |
|---|---|---|---|---|
| ##8564D7 | 1.00 | 4.37 | 4.80 | 4.80 |
| #FFFFFF | 4.37 | 1.00 | 21.00 | 21.00 |
| #000000 | 4.80 | 21.00 | 1.00 | 1.00 |
| ##000000 | 4.80 | 21.00 | 1.00 | 1.00 |
معاينة عمى الألوان
Protanopia (red-blind)
#317ADB
Deuteranopia (green-blind)
#3977D4
Tritanopia (blue-blind)
#707C94
Achromatopsia (no color)
#797979
وسوم التصميم والكود
CSS
--color: #8564d7; /* rgb */ color: rgb(133, 100, 215); /* oklch */ color: oklch(59.1% 0.170 293.8);
Tailwind
colors: {
custom: {
50: '#ad91e4',
500: '#8564d7',
950: '#000000',
},
}SCSS
$custom: #8564d7; $custom-light: #ad91e4; $custom-dark: #000000;
JSON
{
"hex": "#8564d7",
"rgb": {
"r": 133,
"g": 100,
"b": 215
},
"hsl": {
"h": 257.217,
"s": 58.974,
"l": 61.765
},
"oklch": {
"l": 0.59117,
"c": 0.16967,
"h": 293.8
},
"luminance": 0.19007
}Semantic roles & 50–950 ramp
primary
#8564D7
secondary
#D4E1B6
accent
#C71F96
background
#FBF8FE
surface
#F6F0FC
border
#D0CBD5
text
#110D16
muted
#807D84