#884B8A#884B8A
#884B8A لون متوسط ومتوسط التشبّع من عائلة purple. الإضاءة النسبية 0.121؛ OKLCH L 50.9% C 0.119 H 326.0°. أفضل لون لنص المتن هو #FFFFFF بتباين 6.14:1 (مطابق لمعيار WCAG AA).
قيم اللون
| HEX | #884B8A |
|---|---|
| RGB | rgb(136, 75, 138) |
| HSL | hsl(298, 30%, 42%) |
| HSV | hsv(298, 46%, 54%) |
| CMYK | cmyk(1.4%, 45.7%, 0%, 45.9%) |
| CIE-LAB | lab(41.38, 35.80, -24.30) |
| CIE-LCH | lch(41.38, 43.27, 325.84°) |
| OKLab | oklab(50.93% 0.0987 -0.0666) |
| OKLCH | oklch(50.93% 0.119 326) |
| XYZ | xyz(17.2565, 12.1022, 25.4668) |
| Luminance | 0.1210 (WCAG relative) |
| Temperature | neutral |
| Family | purple |
أقرب الألوان المُسمّاة
Light Eggplant
#894585
ΔE00 1.81
Purplish
#94568C
ΔE00 4.48
Purpleish
#98568D
ΔE00 5.09
Bruise
#7E4071
ΔE00 5.68
Muted Purple
#805B87
ΔE00 5.88
Medium Purple
#9E43A2
ΔE00 5.94
المقاييس الإدراكية
الدرجات الغامقة
الدرجات الفاتحة
التدريجات
OKLCH scale
تناغمات الألوان
complementary
#884B8A #4D8A4B
analogous
#694B8A #884B8A #8A4B6D
triadic
#884B8A #8A884B #4B8A88
tetradic
#884B8A #8A694B #4D8A4B #4B6D8A
square
#884B8A #8A694B #4D8A4B #4B6D8A
split-complementary
#884B8A #6D8A4B #4B8A69
monochromatic
#3A203B #613562 #884B8A #AA66AC #C08EC2
إمكانية الوصول والتباين
On white
6.14
#884B8A on #FFFFFF
AA ✓AA large ✓AAA ✗
On black
3.42
#884B8A on #000000
AA ✗AA large ✓AAA ✗
أفضل لون للنص
#FFFFFF on #884B8A
6.14:1 — WCAG AA (نص عادي) مطابق
مصفوفة التباين
| fg \ bg | ##884B8A | #FFFFFF | #000000 | ##FFFFFF |
|---|---|---|---|---|
| ##884B8A | 1.00 | 6.14 | 3.42 | 6.14 |
| #FFFFFF | 6.14 | 1.00 | 21.00 | 1.00 |
| #000000 | 3.42 | 21.00 | 1.00 | 21.00 |
| ##FFFFFF | 6.14 | 1.00 | 21.00 | 1.00 |
معاينة عمى الألوان
Protanopia (red-blind)
#455D8C
Deuteranopia (green-blind)
#566488
Tritanopia (blue-blind)
#8B5264
Achromatopsia (no color)
#626262
وسوم التصميم والكود
CSS
--color: #884b8a; /* rgb */ color: rgb(136, 75, 138); /* oklch */ color: oklch(50.9% 0.119 326.0);
Tailwind
colors: {
custom: {
50: '#ac7fac',
500: '#884b8a',
950: '#000000',
},
}SCSS
$custom: #884b8a; $custom-light: #ac7fac; $custom-dark: #000000;
JSON
{
"hex": "#884b8a",
"rgb": {
"r": 136,
"g": 75,
"b": 138
},
"hsl": {
"h": 298.095,
"s": 29.577,
"l": 41.765
},
"oklch": {
"l": 0.50929,
"c": 0.11902,
"h": 326
},
"luminance": 0.12101
}Semantic roles & 50–950 ramp
primary
#884B8A
secondary
#85AE83
accent
#C66265
background
#FAF7FA
surface
#F4EEF4
border
#CEC9CE
text
#100A10
muted
#7F7C7F