#856F82#856F82
#856F82 لون متوسط وخافت من عائلة purple. الإضاءة النسبية 0.180؛ OKLCH L 56.9% C 0.039 H 330.6°. أفضل لون لنص المتن هو #000000 بتباين 4.59:1 (مطابق لمعيار WCAG AA).
قيم اللون
| HEX | #856F82 |
|---|---|
| RGB | rgb(133, 111, 130) |
| HSL | hsl(308, 9%, 48%) |
| HSV | hsv(308, 17%, 52%) |
| CMYK | cmyk(0%, 16.5%, 2.3%, 47.8%) |
| CIE-LAB | lab(49.46, 12.18, -7.22) |
| CIE-LCH | lch(49.46, 14.16, 329.35°) |
| OKLab | oklab(56.9% 0.0341 -0.0192) |
| OKLCH | oklch(56.9% 0.039 330.6) |
| XYZ | xyz(19.3861, 17.9675, 23.5616) |
| Luminance | 0.1797 (WCAG relative) |
| Temperature | neutral |
| Family | purple |
أقرب الألوان المُسمّاة
Purple Grey
#866F85
ΔE00 1.15
Purplish Grey
#7A687F
ΔE00 3.70
Grey Purple
#826D8C
ΔE00 4.34
Greyish Purple
#887191
ΔE00 4.68
Purpley Grey
#947E94
ΔE00 5.96
Faded Purple
#916E99
ΔE00 8.01
المقاييس الإدراكية
الدرجات الغامقة
الدرجات الفاتحة
التدريجات
OKLCH scale
تناغمات الألوان
complementary
#856F82 #6F8572
analogous
#7D6F85 #856F82 #856F77
triadic
#856F82 #82856F #6F8285
tetradic
#856F82 #857D6F #6F8572 #6F7785
square
#856F82 #857D6F #6F8572 #6F7785
split-complementary
#856F82 #77856F #6F857D
monochromatic
#423741 #645361 #856F82 #A28F9F #BEB1BC
إمكانية الوصول والتباين
On white
4.57
#856F82 on #FFFFFF
AA ✓AA large ✓AAA ✗
On black
4.59
#856F82 on #000000
AA ✓AA large ✓AAA ✗
أفضل لون للنص
#000000 on #856F82
4.59:1 — WCAG AA (نص عادي) مطابق
مصفوفة التباين
| fg \ bg | ##856F82 | #FFFFFF | #000000 | ##000000 |
|---|---|---|---|---|
| ##856F82 | 1.00 | 4.57 | 4.59 | 4.59 |
| #FFFFFF | 4.57 | 1.00 | 21.00 | 21.00 |
| #000000 | 4.59 | 21.00 | 1.00 | 1.00 |
| ##000000 | 4.59 | 21.00 | 1.00 | 1.00 |
معاينة عمى الألوان
Protanopia (red-blind)
#6E7483
Deuteranopia (green-blind)
#737781
Tritanopia (blue-blind)
#877075
Achromatopsia (no color)
#767676
وسوم التصميم والكود
CSS
--color: #856f82; /* rgb */ color: rgb(133, 111, 130); /* oklch */ color: oklch(56.9% 0.039 330.6);
Tailwind
colors: {
custom: {
50: '#a898a6',
500: '#856f82',
950: '#000000',
},
}SCSS
$custom: #856f82; $custom-light: #a898a6; $custom-dark: #000000;
JSON
{
"hex": "#856f82",
"rgb": {
"r": 133,
"g": 111,
"b": 130
},
"hsl": {
"h": 308.182,
"s": 9.016,
"l": 47.843
},
"oklch": {
"l": 0.56895,
"c": 0.03914,
"h": 330.6
},
"luminance": 0.17967
}Semantic roles & 50–950 ramp
primary
#856F82
secondary
#A2ADA4
accent
#B27E76
background
#FAF9FA
surface
#F4F2F4
border
#CECCCE
text
#0F0D0F
muted
#7F7E7F