#8A4AAB#8A4AAB
#8A4AAB لون متوسط وزاهٍ من عائلة بنفسجي. الإضاءة النسبية 0.132؛ OKLCH L 52.8% C 0.157 H 312.7°. أفضل لون لنص المتن هو #FFFFFF بتباين 5.76:1 (مطابق لمعيار WCAG AA).
قيم اللون
| HEX | #8A4AAB |
|---|---|
| RGB | rgb(138, 74, 171) |
| HSL | hsl(280, 40%, 48%) |
| HSV | hsv(280, 57%, 67%) |
| CMYK | cmyk(19.3%, 56.7%, 0%, 32.9%) |
| CIE-LAB | lab(43.13, 43.92, -41.31) |
| CIE-LCH | lch(43.13, 60.30, 316.76°) |
| OKLab | oklab(52.83% 0.1068 -0.1157) |
| OKLCH | oklch(52.83% 0.157 312.7) |
| XYZ | xyz(20.2794, 13.2416, 40.0078) |
| Luminance | 0.1324 (WCAG relative) |
| Temperature | cool |
| Family | violet |
أقرب الألوان المُسمّاة
Purply
#983FB2
ΔE00 3.30
Royal Purple
#7851A9
ΔE00 4.29
Medium Purple
#9E43A2
ΔE00 5.13
Deep Lavender
#8D5EB7
ΔE00 5.82
Darkorchid
#9932CC
ΔE00 6.51
Ugly Purple
#A442A0
ΔE00 6.53
المقاييس الإدراكية
الدرجات الغامقة
الدرجات الفاتحة
التدريجات
OKLCH scale
تناغمات الألوان
complementary
#8A4AAB #6BAB4A
analogous
#5A4AAB #8A4AAB #AB4A9B
triadic
#8A4AAB #AB8A4A #4AAB8A
tetradic
#8A4AAB #AB5A4A #6BAB4A #4A9BAB
square
#8A4AAB #AB5A4A #6BAB4A #4A9BAB
split-complementary
#8A4AAB #9BAB4A #4AAB5A
monochromatic
#452556 #683880 #8A4AAB #A671C1 #C19BD4
إمكانية الوصول والتباين
On white
5.76
#8A4AAB on #FFFFFF
AA ✓AA large ✓AAA ✗
On black
3.65
#8A4AAB on #000000
AA ✗AA large ✓AAA ✗
أفضل لون للنص
#FFFFFF on #8A4AAB
5.76:1 — WCAG AA (نص عادي) مطابق
مصفوفة التباين
| fg \ bg | ##8A4AAB | #FFFFFF | #000000 | ##FFFFFF |
|---|---|---|---|---|
| ##8A4AAB | 1.00 | 5.76 | 3.65 | 5.76 |
| #FFFFFF | 5.76 | 1.00 | 21.00 | 1.00 |
| #000000 | 3.65 | 21.00 | 1.00 | 21.00 |
| ##FFFFFF | 5.76 | 1.00 | 21.00 | 1.00 |
معاينة عمى الألوان
Protanopia (red-blind)
#2E62AE
Deuteranopia (green-blind)
#4567A9
Tritanopia (blue-blind)
#875B73
Achromatopsia (no color)
#666666
وسوم التصميم والكود
CSS
--color: #8a4aab; /* rgb */ color: rgb(138, 74, 171); /* oklch */ color: oklch(52.8% 0.157 312.7);
Tailwind
colors: {
custom: {
50: '#af7fc4',
500: '#8a4aab',
950: '#000000',
},
}SCSS
$custom: #8a4aab; $custom-light: #af7fc4; $custom-dark: #000000;
JSON
{
"hex": "#8a4aab",
"rgb": {
"r": 138,
"g": 74,
"b": 171
},
"hsl": {
"h": 279.588,
"s": 39.592,
"l": 48.039
},
"oklch": {
"l": 0.52828,
"c": 0.15745,
"h": 312.7
},
"luminance": 0.13241
}Semantic roles & 50–950 ramp
primary
#8A4AAB
secondary
#A1C090
accent
#CF5881
background
#FBF7FC
surface
#F6EEF8
border
#D0C9D1
text
#110A13
muted
#807C82