#BA2AB3#BA2AB3
#BA2AB3 لون متوسط وعالي التشبّع من عائلة purple. الإضاءة النسبية 0.153؛ OKLCH L 56.6% C 0.228 H 330.3°. أفضل لون لنص المتن هو #FFFFFF بتباين 5.16:1 (مطابق لمعيار WCAG AA).
قيم اللون
| HEX | #BA2AB3 |
|---|---|
| RGB | rgb(186, 42, 179) |
| HSL | hsl(303, 63%, 45%) |
| HSV | hsv(303, 77%, 73%) |
| CMYK | cmyk(0%, 77.4%, 3.8%, 27.1%) |
| CIE-LAB | lab(46.11, 69.71, -40.84) |
| CIE-LCH | lch(46.11, 80.79, 329.63°) |
| OKLab | oklab(56.57% 0.1978 -0.1128) |
| OKLCH | oklch(56.57% 0.228 330.3) |
| XYZ | xyz(29.2142, 15.3520, 44.0637) |
| Luminance | 0.1535 (WCAG relative) |
| Temperature | neutral |
| Family | purple |
أقرب الألوان المُسمّاة
Barney
#AC1DB8
ΔE00 4.05
Purpley Pink
#C83CB9
ΔE00 4.73
Ugly Purple
#A442A0
ΔE00 4.78
Medium Purple
#9E43A2
ΔE00 5.34
Purply
#983FB2
ΔE00 6.24
Pinky Purple
#C94CBE
ΔE00 7.42
المقاييس الإدراكية
الدرجات الغامقة
الدرجات الفاتحة
التدريجات
OKLCH scale
تناغمات الألوان
complementary
#BA2AB3 #2ABA31
analogous
#792ABA #BA2AB3 #BA2A6B
triadic
#BA2AB3 #B3BA2A #2AB3BA
tetradic
#BA2AB3 #BA792A #2ABA31 #2A6BBA
square
#BA2AB3 #BA792A #2ABA31 #2A6BBA
split-complementary
#BA2AB3 #6BBA2A #2ABA79
monochromatic
#561353 #881F83 #BA2AB3 #D64BD0 #E27DDD
إمكانية الوصول والتباين
On white
5.16
#BA2AB3 on #FFFFFF
AA ✓AA large ✓AAA ✗
On black
4.07
#BA2AB3 on #000000
AA ✗AA large ✓AAA ✗
أفضل لون للنص
#FFFFFF on #BA2AB3
5.16:1 — WCAG AA (نص عادي) مطابق
مصفوفة التباين
| fg \ bg | ##BA2AB3 | #FFFFFF | #000000 | ##FFFFFF |
|---|---|---|---|---|
| ##BA2AB3 | 1.00 | 5.16 | 4.07 | 5.16 |
| #FFFFFF | 5.16 | 1.00 | 21.00 | 1.00 |
| #000000 | 4.07 | 21.00 | 1.00 | 21.00 |
| ##FFFFFF | 5.16 | 1.00 | 21.00 | 1.00 |
معاينة عمى الألوان
Protanopia (red-blind)
#1461B7
Deuteranopia (green-blind)
#5874B0
Tritanopia (blue-blind)
#C13F6E
Achromatopsia (no color)
#6D6D6D
وسوم التصميم والكود
CSS
--color: #ba2ab3; /* rgb */ color: rgb(186, 42, 179); /* oklch */ color: oklch(56.6% 0.228 330.3);
Tailwind
colors: {
custom: {
50: '#d375ca',
500: '#ba2ab3',
950: '#000000',
},
}SCSS
$custom: #ba2ab3; $custom-light: #d375ca; $custom-dark: #000000;
JSON
{
"hex": "#ba2ab3",
"rgb": {
"r": 186,
"g": 42,
"b": 179
},
"hsl": {
"h": 302.917,
"s": 63.158,
"l": 44.706
},
"oklch": {
"l": 0.5657,
"c": 0.2277,
"h": 330.3
},
"luminance": 0.1535
}Semantic roles & 50–950 ramp
primary
#BA2AB3
secondary
#76CA7A
accent
#E64A42
background
#FDF7FC
surface
#FBEEF8
border
#D4C9D1
text
#150913
muted
#837B82