#835BAD#835BAD
#835BAD لون متوسط وزاهٍ من عائلة بنفسجي. الإضاءة النسبية 0.153؛ OKLCH L 54.9% C 0.129 H 305.0°. أفضل لون لنص المتن هو #FFFFFF بتباين 5.17:1 (مطابق لمعيار WCAG AA).
قيم اللون
| HEX | #835BAD |
|---|---|
| RGB | rgb(131, 91, 173) |
| HSL | hsl(269, 33%, 52%) |
| HSV | hsv(269, 47%, 68%) |
| CMYK | cmyk(24.3%, 47.4%, 0%, 32.2%) |
| CIE-LAB | lab(46.08, 32.98, -37.86) |
| CIE-LCH | lch(46.08, 50.21, 311.06°) |
| OKLab | oklab(54.86% 0.0743 -0.1059) |
| OKLCH | oklch(54.86% 0.129 305) |
| XYZ | xyz(20.6424, 15.3247, 41.3975) |
| Luminance | 0.1532 (WCAG relative) |
| Temperature | cool |
| Family | violet |
أقرب الألوان المُسمّاة
Deep Lavender
#8D5EB7
ΔE00 2.61
Royal Purple
#7851A9
ΔE00 3.74
Amethyst
#9B5FC0
ΔE00 5.63
Deep Lilac
#966EBD
ΔE00 7.26
Dark Lavender
#856798
ΔE00 7.43
Purply
#983FB2
ΔE00 7.84
المقاييس الإدراكية
الدرجات الغامقة
الدرجات الفاتحة
التدريجات
OKLCH scale
تناغمات الألوان
complementary
#835BAD #85AD5B
analogous
#5B5CAD #835BAD #AC5BAD
triadic
#835BAD #AD835B #5BAD83
tetradic
#835BAD #AD5B5C #85AD5B #5BADAC
square
#835BAD #AD5B5C #85AD5B #5BADAC
split-complementary
#835BAD #ADAC5B #5CAD5B
monochromatic
#462F5E #654487 #835BAD #A284C1 #C1ADD6
إمكانية الوصول والتباين
On white
5.17
#835BAD on #FFFFFF
AA ✓AA large ✓AAA ✗
On black
4.06
#835BAD on #000000
AA ✗AA large ✓AAA ✗
أفضل لون للنص
#FFFFFF on #835BAD
5.17:1 — WCAG AA (نص عادي) مطابق
مصفوفة التباين
| fg \ bg | ##835BAD | #FFFFFF | #000000 | ##FFFFFF |
|---|---|---|---|---|
| ##835BAD | 1.00 | 5.17 | 4.06 | 5.17 |
| #FFFFFF | 5.17 | 1.00 | 21.00 | 1.00 |
| #000000 | 4.06 | 21.00 | 1.00 | 21.00 |
| ##FFFFFF | 5.17 | 1.00 | 21.00 | 1.00 |
معاينة عمى الألوان
Protanopia (red-blind)
#456CB0
Deuteranopia (green-blind)
#4F6DAB
Tritanopia (blue-blind)
#7C697C
Achromatopsia (no color)
#6D6D6D
وسوم التصميم والكود
CSS
--color: #835bad; /* rgb */ color: rgb(131, 91, 173); /* oklch */ color: oklch(54.9% 0.129 305.0);
Tailwind
colors: {
custom: {
50: '#a98ac6',
500: '#835bad',
950: '#000000',
},
}SCSS
$custom: #835bad; $custom-light: #a98ac6; $custom-dark: #000000;
JSON
{
"hex": "#835bad",
"rgb": {
"r": 131,
"g": 91,
"b": 173
},
"hsl": {
"h": 269.268,
"s": 33.333,
"l": 51.765
},
"oklch": {
"l": 0.54865,
"c": 0.12936,
"h": 305
},
"luminance": 0.15325
}Semantic roles & 50–950 ramp
primary
#835BAD
secondary
#B2C4A0
accent
#C95E95
background
#FAF8FC
surface
#F4F0F8
border
#CECBD1
text
#100C13
muted
#7F7D82