#8564D3#8564D3
#8564D3 لون متوسط وزاهٍ من عائلة بنفسجي. الإضاءة النسبية 0.188؛ OKLCH L 58.9% C 0.165 H 294.5°. أفضل لون لنص المتن هو #000000 بتباين 4.76:1 (مطابق لمعيار WCAG AA).
قيم اللون
| HEX | #8564D3 |
|---|---|
| RGB | rgb(133, 100, 211) |
| HSL | hsl(258, 56%, 61%) |
| HSV | hsv(258, 53%, 83%) |
| CMYK | cmyk(37%, 52.6%, 0%, 17.3%) |
| CIE-LAB | lab(50.46, 38.06, -52.85) |
| CIE-LCH | lch(50.46, 65.13, 305.76°) |
| OKLab | oklab(58.86% 0.0683 -0.1497) |
| OKLCH | oklch(58.86% 0.165 294.5) |
| XYZ | xyz(25.9849, 18.8035, 63.8758) |
| Luminance | 0.1880 (WCAG relative) |
| Temperature | cool |
| Family | violet |
أقرب الألوان المُسمّاة
Purpley
#8756E4
ΔE00 4.39
Mediumpurple
#9370DB
ΔE00 4.52
Mediumslateblue
#7B68EE
ΔE00 4.88
Light Indigo
#6D5ACF
ΔE00 5.47
Slate Blue
#6A5ACD
ΔE00 5.97
Deep Lavender
#8D5EB7
ΔE00 5.98
المقاييس الإدراكية
الدرجات الغامقة
الدرجات الفاتحة
التدريجات
OKLCH scale
تناغمات الألوان
complementary
#8564D3 #B2D364
analogous
#647AD3 #8564D3 #BC64D3
triadic
#8564D3 #D38564 #64D385
tetradic
#8564D3 #D3647A #B2D364 #64D3BC
square
#8564D3 #D3647A #B2D364 #64D3BC
split-complementary
#8564D3 #D3BC64 #7AD364
monochromatic
#492A93 #6137C3 #8564D3 #AB94E1 #D0C3EE
إمكانية الوصول والتباين
On white
4.41
#8564D3 on #FFFFFF
AA ✗AA large ✓AAA ✗
On black
4.76
#8564D3 on #000000
AA ✓AA large ✓AAA ✗
أفضل لون للنص
#000000 on #8564D3
4.76:1 — WCAG AA (نص عادي) مطابق
مصفوفة التباين
| fg \ bg | ##8564D3 | #FFFFFF | #000000 | ##000000 |
|---|---|---|---|---|
| ##8564D3 | 1.00 | 4.41 | 4.76 | 4.76 |
| #FFFFFF | 4.41 | 1.00 | 21.00 | 21.00 |
| #000000 | 4.76 | 21.00 | 1.00 | 1.00 |
| ##000000 | 4.76 | 21.00 | 1.00 | 1.00 |
معاينة عمى الألوان
Protanopia (red-blind)
#3679D7
Deuteranopia (green-blind)
#3D76D0
Tritanopia (blue-blind)
#727B92
Achromatopsia (no color)
#787878
وسوم التصميم والكود
CSS
--color: #8564d3; /* rgb */ color: rgb(133, 100, 211); /* oklch */ color: oklch(58.9% 0.165 294.5);
Tailwind
colors: {
custom: {
50: '#ac91e1',
500: '#8564d3',
950: '#000000',
},
}SCSS
$custom: #8564d3; $custom-light: #ac91e1; $custom-dark: #000000;
JSON
{
"hex": "#8564d3",
"rgb": {
"r": 133,
"g": 100,
"b": 211
},
"hsl": {
"h": 257.838,
"s": 55.779,
"l": 60.98
},
"oklch": {
"l": 0.58863,
"c": 0.16451,
"h": 294.5
},
"luminance": 0.18804
}Semantic roles & 50–950 ramp
primary
#8564D3
secondary
#D2DEB4
accent
#C32293
background
#FAF8FD
surface
#F5F0FB
border
#CFCBD4
text
#110D15
muted
#807D83