#837EAD#837EAD
#837EAD لون متوسط ومتوسط التشبّع من عائلة أزرق. الإضاءة النسبية 0.228؛ OKLCH L 61.5% C 0.071 H 289.0°. أفضل لون لنص المتن هو #000000 بتباين 5.55:1 (مطابق لمعيار WCAG AA).
قيم اللون
| HEX | #837EAD |
|---|---|
| RGB | rgb(131, 126, 173) |
| HSL | hsl(246, 22%, 59%) |
| HSV | hsv(246, 27%, 68%) |
| CMYK | cmyk(24.3%, 27.2%, 0%, 32.2%) |
| CIE-LAB | lab(54.83, 12.32, -24.20) |
| CIE-LCH | lch(54.83, 27.16, 296.97°) |
| OKLab | oklab(61.53% 0.023 -0.0667) |
| OKLCH | oklch(61.53% 0.071 289) |
| XYZ | xyz(24.3619, 22.7637, 42.6374) |
| Luminance | 0.2276 (WCAG relative) |
| Temperature | cool |
| Family | blue |
أقرب الألوان المُسمّاة
Greyish Purple
#887191
ΔE00 8.78
Deep Lilac
#966EBD
ΔE00 9.08
Heather
#A484AC
ΔE00 9.52
Grey Purple
#826D8C
ΔE00 9.52
Dark Lavender
#856798
ΔE00 9.65
Faded Purple
#916E99
ΔE00 9.65
المقاييس الإدراكية
الدرجات الغامقة
الدرجات الفاتحة
التدريجات
OKLCH scale
تناغمات الألوان
complementary
#837EAD #A8AD7E
analogous
#7E90AD #837EAD #9A7EAD
triadic
#837EAD #AD837E #7EAD83
tetradic
#837EAD #AD7E90 #A8AD7E #7EAD9A
square
#837EAD #AD7E90 #A8AD7E #7EAD9A
split-complementary
#837EAD #AD9A7E #90AD7E
monochromatic
#49456C #625C91 #837EAD #A7A3C5 #CBC9DD
إمكانية الوصول والتباين
On white
3.78
#837EAD on #FFFFFF
AA ✗AA large ✓AAA ✗
On black
5.55
#837EAD on #000000
AA ✓AA large ✓AAA ✗
أفضل لون للنص
#000000 on #837EAD
5.55:1 — WCAG AA (نص عادي) مطابق
مصفوفة التباين
| fg \ bg | ##837EAD | #FFFFFF | #000000 | ##000000 |
|---|---|---|---|---|
| ##837EAD | 1.00 | 3.78 | 5.55 | 5.55 |
| #FFFFFF | 3.78 | 1.00 | 21.00 | 21.00 |
| #000000 | 5.55 | 21.00 | 1.00 | 1.00 |
| ##000000 | 5.55 | 21.00 | 1.00 | 1.00 |
معاينة عمى الألوان
Protanopia (red-blind)
#7284AF
Deuteranopia (green-blind)
#7282AC
Tritanopia (blue-blind)
#7A868E
Achromatopsia (no color)
#838383
وسوم التصميم والكود
CSS
--color: #837ead; /* rgb */ color: rgb(131, 126, 173); /* oklch */ color: oklch(61.5% 0.071 289.0);
Tailwind
colors: {
custom: {
50: '#a8a3c5',
500: '#837ead',
950: '#000000',
},
}SCSS
$custom: #837ead; $custom-light: #a8a3c5; $custom-dark: #000000;
JSON
{
"hex": "#837ead",
"rgb": {
"r": 131,
"g": 126,
"b": 173
},
"hsl": {
"h": 246.383,
"s": 22.275,
"l": 58.627
},
"oklch": {
"l": 0.61526,
"c": 0.07057,
"h": 289
},
"luminance": 0.22764
}Semantic roles & 50–950 ramp
primary
#837EAD
secondary
#CBCDBA
accent
#BF69B6
background
#FAFAFC
surface
#F4F3F8
border
#CECDD1
text
#0F0F13
muted
#7F7F82