#7D4E86#7D4E86
#7D4E86 لون متوسط ومتوسط التشبّع من عائلة purple. الإضاءة النسبية 0.115؛ OKLCH L 49.9% C 0.102 H 321.0°. أفضل لون لنص المتن هو #FFFFFF بتباين 6.35:1 (مطابق لمعيار WCAG AA).
قيم اللون
| HEX | #7D4E86 |
|---|---|
| RGB | rgb(125, 78, 134) |
| HSL | hsl(290, 26%, 42%) |
| HSV | hsv(290, 42%, 53%) |
| CMYK | cmyk(6.7%, 41.8%, 0%, 47.5%) |
| CIE-LAB | lab(40.46, 29.72, -23.40) |
| CIE-LCH | lch(40.46, 37.82, 321.78°) |
| OKLab | oklab(49.88% 0.0793 -0.0642) |
| OKLCH | oklch(49.88% 0.102 321) |
| XYZ | xyz(15.4844, 11.5305, 23.9596) |
| Luminance | 0.1153 (WCAG relative) |
| Temperature | neutral |
| Family | purple |
أقرب الألوان المُسمّاة
Light Eggplant
#894585
ΔE00 3.82
Muted Purple
#805B87
ΔE00 4.53
Purplish
#94568C
ΔE00 5.77
Bruise
#7E4071
ΔE00 5.83
Dull Purple
#84597E
ΔE00 5.88
Dusty Purple
#825F87
ΔE00 6.12
المقاييس الإدراكية
الدرجات الغامقة
الدرجات الفاتحة
التدريجات
OKLCH scale
تناغمات الألوان
complementary
#7D4E86 #57864E
analogous
#614E86 #7D4E86 #864E73
triadic
#7D4E86 #867D4E #4E867D
tetradic
#7D4E86 #86614E #57864E #4E7386
square
#7D4E86 #86614E #57864E #4E7386
split-complementary
#7D4E86 #73864E #4E8661
monochromatic
#352139 #59375F #7D4E86 #9E69A8 #B790BE
إمكانية الوصول والتباين
On white
6.35
#7D4E86 on #FFFFFF
AA ✓AA large ✓AAA ✗
On black
3.31
#7D4E86 on #000000
AA ✗AA large ✓AAA ✗
أفضل لون للنص
#FFFFFF on #7D4E86
6.35:1 — WCAG AA (نص عادي) مطابق
مصفوفة التباين
| fg \ bg | ##7D4E86 | #FFFFFF | #000000 | ##FFFFFF |
|---|---|---|---|---|
| ##7D4E86 | 1.00 | 6.35 | 3.31 | 6.35 |
| #FFFFFF | 6.35 | 1.00 | 21.00 | 1.00 |
| #000000 | 3.31 | 21.00 | 1.00 | 21.00 |
| ##FFFFFF | 6.35 | 1.00 | 21.00 | 1.00 |
معاينة عمى الألوان
Protanopia (red-blind)
#475C88
Deuteranopia (green-blind)
#536184
Tritanopia (blue-blind)
#7E5563
Achromatopsia (no color)
#5F5F5F
وسوم التصميم والكود
CSS
--color: #7d4e86; /* rgb */ color: rgb(125, 78, 134); /* oklch */ color: oklch(49.9% 0.102 321.0);
Tailwind
colors: {
custom: {
50: '#a481a9',
500: '#7d4e86',
950: '#000000',
},
}SCSS
$custom: #7d4e86; $custom-light: #a481a9; $custom-dark: #000000;
JSON
{
"hex": "#7d4e86",
"rgb": {
"r": 125,
"g": 78,
"b": 134
},
"hsl": {
"h": 290.357,
"s": 26.415,
"l": 41.569
},
"oklch": {
"l": 0.49877,
"c": 0.10208,
"h": 321
},
"luminance": 0.1153
}Semantic roles & 50–950 ramp
primary
#7D4E86
secondary
#8BAB85
accent
#C36574
background
#FAF7FA
surface
#F4EEF4
border
#CEC9CE
text
#0F0A10
muted
#7F7C7F