#511B86#511B86
#511B86 لون داكن وزاهٍ من عائلة بنفسجي. الإضاءة النسبية 0.043؛ OKLCH L 37.0% C 0.165 H 301.4°. أفضل لون لنص المتن هو #FFFFFF بتباين 11.35:1 (مطابق لمعيار WCAG AA).
قيم اللون
| HEX | #511B86 |
|---|---|
| RGB | rgb(81, 27, 134) |
| HSL | hsl(270, 66%, 32%) |
| HSV | hsv(270, 80%, 53%) |
| CMYK | cmyk(39.6%, 79.9%, 0%, 47.5%) |
| CIE-LAB | lab(24.50, 45.37, -49.20) |
| CIE-LCH | lch(24.50, 66.92, 312.68°) |
| OKLab | oklab(36.97% 0.0858 -0.1405) |
| OKLCH | oklch(36.97% 0.165 301.4) |
| XYZ | xyz(8.0873, 4.2544, 22.9447) |
| Luminance | 0.0425 (WCAG relative) |
| Temperature | cool |
| Family | violet |
أقرب الألوان المُسمّاة
Indigo
#4B0082
ΔE00 3.44
Royal Purple (survey)
#4B006E
ΔE00 5.18
Indigo (survey)
#380282
ΔE00 5.37
Rebeccapurple
#663399
ΔE00 6.46
Indigo Blue
#3A18B1
ΔE00 7.44
Purple (survey)
#7E1E9C
ΔE00 8.47
المقاييس الإدراكية
الدرجات الغامقة
الدرجات الفاتحة
التدريجات
OKLCH scale
تناغمات الألوان
complementary
#511B86 #50861B
analogous
#1B1B86 #511B86 #861B86
triadic
#511B86 #86511B #1B8651
tetradic
#511B86 #861B1B #50861B #1B8686
square
#511B86 #861B1B #50861B #1B8686
split-complementary
#511B86 #86861B #1B861B
monochromatic
#130620 #321153 #511B86 #7025B9 #8E42D9
إمكانية الوصول والتباين
On white
11.35
#511B86 on #FFFFFF
AA ✓AA large ✓AAA ✓
On black
1.85
#511B86 on #000000
AA ✗AA large ✗AAA ✗
أفضل لون للنص
#FFFFFF on #511B86
11.35:1 — WCAG AA (نص عادي) مطابق
مصفوفة التباين
| fg \ bg | ##511B86 | #FFFFFF | #000000 | ##FFFFFF |
|---|---|---|---|---|
| ##511B86 | 1.00 | 11.35 | 1.85 | 11.35 |
| #FFFFFF | 11.35 | 1.00 | 21.00 | 1.00 |
| #000000 | 1.85 | 21.00 | 1.00 | 21.00 |
| ##FFFFFF | 11.35 | 1.00 | 21.00 | 1.00 |
معاينة عمى الألوان
Protanopia (red-blind)
#003A89
Deuteranopia (green-blind)
#003A84
Tritanopia (blue-blind)
#453850
Achromatopsia (no color)
#3A3A3A
وسوم التصميم والكود
CSS
--color: #511b86; /* rgb */ color: rgb(81, 27, 134); /* oklch */ color: oklch(37.0% 0.165 301.4);
Tailwind
colors: {
custom: {
50: '#875eaa',
500: '#511b86',
950: '#000000',
},
}SCSS
$custom: #511b86; $custom-light: #875eaa; $custom-dark: #000000;
JSON
{
"hex": "#511b86",
"rgb": {
"r": 81,
"g": 27,
"b": 134
},
"hsl": {
"h": 270.28,
"s": 66.46,
"l": 31.569
},
"oklch": {
"l": 0.36971,
"c": 0.16463,
"h": 301.4
},
"luminance": 0.04254
}Semantic roles & 50–950 ramp
primary
#511B86
secondary
#7EB944
accent
#E93E93
background
#F8F5FA
surface
#F0E9F4
border
#CBC5CE
text
#0C0510
muted
#7D797F