#A050B4#A050B4
#A050B4 لون متوسط وزاهٍ من عائلة purple. الإضاءة النسبية 0.165؛ OKLCH L 56.9% C 0.167 H 319.3°. أفضل لون لنص المتن هو #FFFFFF بتباين 4.88:1 (مطابق لمعيار WCAG AA).
قيم اللون
| HEX | #A050B4 |
|---|---|
| RGB | rgb(160, 80, 180) |
| HSL | hsl(288, 40%, 51%) |
| HSV | hsv(288, 56%, 71%) |
| CMYK | cmyk(11.1%, 55.6%, 0%, 29.4%) |
| CIE-LAB | lab(47.63, 48.63, -39.27) |
| CIE-LCH | lch(47.63, 62.51, 321.08°) |
| OKLab | oklab(56.9% 0.1268 -0.1092) |
| OKLCH | oklch(56.9% 0.167 319.3) |
| XYZ | xyz(25.6030, 16.5072, 45.0087) |
| Luminance | 0.1651 (WCAG relative) |
| Temperature | cool |
| Family | purple |
أقرب الألوان المُسمّاة
Medium Purple
#9E43A2
ΔE00 4.33
Purply
#983FB2
ΔE00 4.50
Amethyst
#9B5FC0
ΔE00 4.52
Ugly Purple
#A442A0
ΔE00 4.89
Deep Lavender
#8D5EB7
ΔE00 5.36
Mediumorchid
#BA55D3
ΔE00 6.81
المقاييس الإدراكية
الدرجات الغامقة
الدرجات الفاتحة
التدريجات
OKLCH scale
تناغمات الألوان
complementary
#A050B4 #64B450
analogous
#6E50B4 #A050B4 #B45096
triadic
#A050B4 #B4A050 #50B4A0
tetradic
#A050B4 #B46E50 #64B450 #5096B4
square
#A050B4 #B46E50 #64B450 #5096B4
split-complementary
#A050B4 #96B450 #50B46E
monochromatic
#552960 #7B3C8B #A050B4 #B77BC6 #CFA6D9
إمكانية الوصول والتباين
On white
4.88
#A050B4 on #FFFFFF
AA ✓AA large ✓AAA ✗
On black
4.30
#A050B4 on #000000
AA ✗AA large ✓AAA ✗
أفضل لون للنص
#FFFFFF on #A050B4
4.88:1 — WCAG AA (نص عادي) مطابق
مصفوفة التباين
| fg \ bg | ##A050B4 | #FFFFFF | #000000 | ##FFFFFF |
|---|---|---|---|---|
| ##A050B4 | 1.00 | 4.88 | 4.30 | 4.88 |
| #FFFFFF | 4.88 | 1.00 | 21.00 | 1.00 |
| #000000 | 4.30 | 21.00 | 1.00 | 21.00 |
| ##FFFFFF | 4.88 | 1.00 | 21.00 | 1.00 |
معاينة عمى الألوان
Protanopia (red-blind)
#3C6CB7
Deuteranopia (green-blind)
#5674B1
Tritanopia (blue-blind)
#A05F7A
Achromatopsia (no color)
#717171
وسوم التصميم والكود
CSS
--color: #a050b4; /* rgb */ color: rgb(160, 80, 180); /* oklch */ color: oklch(56.9% 0.167 319.3);
Tailwind
colors: {
custom: {
50: '#be85cb',
500: '#a050b4',
950: '#000000',
},
}SCSS
$custom: #a050b4; $custom-light: #be85cb; $custom-dark: #000000;
JSON
{
"hex": "#a050b4",
"rgb": {
"r": 160,
"g": 80,
"b": 180
},
"hsl": {
"h": 288,
"s": 40,
"l": 50.98
},
"oklch": {
"l": 0.56905,
"c": 0.16732,
"h": 319.3
},
"luminance": 0.16506
}Semantic roles & 50–950 ramp
primary
#A050B4
secondary
#A3C69A
accent
#D05870
background
#FCF8FC
surface
#F8EFF8
border
#D1CAD1
text
#120B13
muted
#817C82