#8564E7#8564E7
#8564E7 لون متوسط وزاهٍ من عائلة بنفسجي. الإضاءة النسبية 0.199؛ OKLCH L 60.2% C 0.190 H 291.2°. أفضل لون لنص المتن هو #000000 بتباين 4.97:1 (مطابق لمعيار WCAG AA).
قيم اللون
| HEX | #8564E7 |
|---|---|
| RGB | rgb(133, 100, 231) |
| HSL | hsl(255, 73%, 65%) |
| HSV | hsv(255, 57%, 91%) |
| CMYK | cmyk(42.4%, 56.7%, 0%, 9.4%) |
| CIE-LAB | lab(51.69, 43.48, -62.18) |
| CIE-LCH | lch(51.69, 75.88, 304.96°) |
| OKLab | oklab(60.17% 0.0688 -0.1771) |
| OKLCH | oklch(60.17% 0.19 291.2) |
| XYZ | xyz(28.6499, 19.8695, 77.9115) |
| Luminance | 0.1987 (WCAG relative) |
| Temperature | cool |
| Family | violet |
أقرب الألوان المُسمّاة
Mediumslateblue
#7B68EE
ΔE00 2.51
Purpley
#8756E4
ΔE00 3.86
Mediumpurple
#9370DB
ΔE00 4.89
Lighter Purple
#A55AF4
ΔE00 6.04
Light Indigo
#6D5ACF
ΔE00 6.29
Dark Periwinkle
#665FD1
ΔE00 6.59
المقاييس الإدراكية
الدرجات الغامقة
الدرجات الفاتحة
التدريجات
OKLCH scale
تناغمات الألوان
complementary
#8564E7 #C6E764
analogous
#6484E7 #8564E7 #C764E7
triadic
#8564E7 #E78564 #64E785
tetradic
#8564E7 #E76484 #C6E764 #64E7C7
square
#8564E7 #E76484 #C6E764 #64E7C7
split-complementary
#8564E7 #E7C764 #84E764
monochromatic
#421CB5 #5B2FDF #8564E7 #AF99EF #D8CEF7
إمكانية الوصول والتباين
On white
4.22
#8564E7 on #FFFFFF
AA ✗AA large ✓AAA ✗
On black
4.97
#8564E7 on #000000
AA ✓AA large ✓AAA ✗
أفضل لون للنص
#000000 on #8564E7
4.97:1 — WCAG AA (نص عادي) مطابق
مصفوفة التباين
| fg \ bg | ##8564E7 | #FFFFFF | #000000 | ##000000 |
|---|---|---|---|---|
| ##8564E7 | 1.00 | 4.22 | 4.97 | 4.97 |
| #FFFFFF | 4.22 | 1.00 | 21.00 | 21.00 |
| #000000 | 4.97 | 21.00 | 1.00 | 1.00 |
| ##000000 | 4.97 | 21.00 | 1.00 | 1.00 |
معاينة عمى الألوان
Protanopia (red-blind)
#127DEB
Deuteranopia (green-blind)
#1F78E4
Tritanopia (blue-blind)
#69819C
Achromatopsia (no color)
#7B7B7B
وسوم التصميم والكود
CSS
--color: #8564e7; /* rgb */ color: rgb(133, 100, 231); /* oklch */ color: oklch(60.2% 0.190 291.2);
Tailwind
colors: {
custom: {
50: '#ae91ef',
500: '#8564e7',
950: '#000000',
},
}SCSS
$custom: #8564e7; $custom-light: #ae91ef; $custom-dark: #000000;
JSON
{
"hex": "#8564e7",
"rgb": {
"r": 133,
"g": 100,
"b": 231
},
"hsl": {
"h": 255.115,
"s": 73.184,
"l": 64.902
},
"oklch": {
"l": 0.6017,
"c": 0.18998,
"h": 291.2
},
"luminance": 0.1987
}Semantic roles & 50–950 ramp
primary
#8564E7
secondary
#DEEABD
accent
#D510A4
background
#FBF9FE
surface
#F6F1FD
border
#D0CBD5
text
#110D17
muted
#807E85