#A136DA#A136DA
#A136DA لون متوسط وعالي التشبّع من عائلة بنفسجي. الإضاءة النسبية 0.153؛ OKLCH L 56.5% C 0.238 H 310.6°. أفضل لون لنص المتن هو #FFFFFF بتباين 5.18:1 (مطابق لمعيار WCAG AA).
قيم اللون
| HEX | #A136DA |
|---|---|
| RGB | rgb(161, 54, 218) |
| HSL | hsl(279, 69%, 53%) |
| HSV | hsv(279, 75%, 85%) |
| CMYK | cmyk(26.1%, 75.2%, 0%, 14.5%) |
| CIE-LAB | lab(46.01, 68.03, -63.83) |
| CIE-LCH | lch(46.01, 93.28, 316.82°) |
| OKLab | oklab(56.51% 0.1549 -0.1809) |
| OKLCH | oklch(56.51% 0.238 310.6) |
| XYZ | xyz(28.6695, 15.2780, 67.7548) |
| Luminance | 0.1528 (WCAG relative) |
| Temperature | cool |
| Family | violet |
أقرب الألوان المُسمّاة
Darkorchid
#9932CC
ΔE00 2.67
Vibrant Purple
#AD03DE
ΔE00 3.41
Violet (survey)
#9A0EEA
ΔE00 4.48
Bright Violet
#AD0AFD
ΔE00 4.56
Electric Purple
#AA23FF
ΔE00 4.64
Blueviolet
#8A2BE2
ΔE00 4.96
المقاييس الإدراكية
الدرجات الغامقة
الدرجات الفاتحة
التدريجات
OKLCH scale
تناغمات الألوان
complementary
#A136DA #6FDA36
analogous
#4F36DA #A136DA #DA36C1
triadic
#A136DA #DAA136 #36DAA1
tetradic
#A136DA #DA4F36 #6FDA36 #36C1DA
square
#A136DA #DA4F36 #6FDA36 #36C1DA
split-complementary
#A136DA #C1DA36 #36DA4F
monochromatic
#5B177E #8021B2 #A136DA #B96AE4 #D19DED
إمكانية الوصول والتباين
On white
5.18
#A136DA on #FFFFFF
AA ✓AA large ✓AAA ✗
On black
4.06
#A136DA on #000000
AA ✗AA large ✓AAA ✗
أفضل لون للنص
#FFFFFF on #A136DA
5.18:1 — WCAG AA (نص عادي) مطابق
مصفوفة التباين
| fg \ bg | ##A136DA | #FFFFFF | #000000 | ##FFFFFF |
|---|---|---|---|---|
| ##A136DA | 1.00 | 5.18 | 4.06 | 5.18 |
| #FFFFFF | 5.18 | 1.00 | 21.00 | 1.00 |
| #000000 | 4.06 | 21.00 | 1.00 | 21.00 |
| ##FFFFFF | 5.18 | 1.00 | 21.00 | 1.00 |
معاينة عمى الألوان
Protanopia (red-blind)
#0068DF
Deuteranopia (green-blind)
#096FD7
Tritanopia (blue-blind)
#995D86
Achromatopsia (no color)
#6D6D6D
وسوم التصميم والكود
CSS
--color: #a136da; /* rgb */ color: rgb(161, 54, 218); /* oklch */ color: oklch(56.5% 0.238 310.6);
Tailwind
colors: {
custom: {
50: '#c278e6',
500: '#a136da',
950: '#000000',
},
}SCSS
$custom: #a136da; $custom-light: #c278e6; $custom-dark: #000000;
JSON
{
"hex": "#a136da",
"rgb": {
"r": 161,
"g": 54,
"b": 218
},
"hsl": {
"h": 279.146,
"s": 68.908,
"l": 53.333
},
"oklch": {
"l": 0.56513,
"c": 0.23815,
"h": 310.6
},
"luminance": 0.15277
}Semantic roles & 50–950 ramp
primary
#A136DA
secondary
#ABD993
accent
#EC3C79
background
#FCF7FE
surface
#F8EEFC
border
#D1C9D5
text
#130A16
muted
#827C84