#8A9587#8A9587
#8A9587 لون فاتح وخافت من عائلة grey. الإضاءة النسبية 0.286؛ OKLCH L 65.7% C 0.024 H 139.0°. أفضل لون لنص المتن هو #000000 بتباين 6.73:1 (مطابق لمعيار WCAG AA).
قيم اللون
| HEX | #8A9587 |
|---|---|
| RGB | rgb(138, 149, 135) |
| HSL | hsl(107, 6%, 56%) |
| HSV | hsv(107, 9%, 58%) |
| CMYK | cmyk(7.4%, 0%, 9.4%, 41.6%) |
| CIE-LAB | lab(60.47, -6.70, 6.04) |
| CIE-LCH | lch(60.47, 9.02, 137.97°) |
| OKLab | oklab(65.68% -0.0181 0.0158) |
| OKLCH | oklch(65.68% 0.024 139) |
| XYZ | xyz(25.6011, 28.6472, 27.0977) |
| Luminance | 0.2865 (WCAG relative) |
| Temperature | neutral |
| Family | grey |
أقرب الألوان المُسمّاة
Grey
#929591
ΔE00 6.35
Cement
#A5A391
ΔE00 7.89
Greyish
#A8A495
ΔE00 9.01
Green Grey
#77926F
ΔE00 9.22
Grey Green
#86A17D
ΔE00 9.23
Pewter
#899397
ΔE00 9.30
المقاييس الإدراكية
الدرجات الغامقة
الدرجات الفاتحة
التدريجات
OKLCH scale
تناغمات الألوان
complementary
#8A9587 #928795
analogous
#919587 #8A9587 #87958B
triadic
#8A9587 #878A95 #95878A
tetradic
#8A9587 #879195 #928795 #958B87
square
#8A9587 #879195 #928795 #958B87
split-complementary
#8A9587 #8B8795 #958791
monochromatic
#4E564C #6B7668 #8A9587 #AAB2A7 #C9CEC8
إمكانية الوصول والتباين
On white
3.12
#8A9587 on #FFFFFF
AA ✗AA large ✓AAA ✗
On black
6.73
#8A9587 on #000000
AA ✓AA large ✓AAA ✗
أفضل لون للنص
#000000 on #8A9587
6.73:1 — WCAG AA (نص عادي) مطابق
مصفوفة التباين
| fg \ bg | ##8A9587 | #FFFFFF | #000000 | ##000000 |
|---|---|---|---|---|
| ##8A9587 | 1.00 | 3.12 | 6.73 | 6.73 |
| #FFFFFF | 3.12 | 1.00 | 21.00 | 21.00 |
| #000000 | 6.73 | 21.00 | 1.00 | 1.00 |
| ##000000 | 6.73 | 21.00 | 1.00 | 1.00 |
معاينة عمى الألوان
Protanopia (red-blind)
#969286
Deuteranopia (green-blind)
#949188
Tritanopia (blue-blind)
#8A9491
Achromatopsia (no color)
#929292
وسوم التصميم والكود
CSS
--color: #8a9587; /* rgb */ color: rgb(138, 149, 135); /* oklch */ color: oklch(65.7% 0.024 139.0);
Tailwind
colors: {
custom: {
50: '#acb4aa',
500: '#8a9587',
950: '#000000',
},
}SCSS
$custom: #8a9587; $custom-light: #acb4aa; $custom-dark: #000000;
JSON
{
"hex": "#8a9587",
"rgb": {
"r": 138,
"g": 149,
"b": 135
},
"hsl": {
"h": 107.143,
"s": 6.195,
"l": 55.686
},
"oklch": {
"l": 0.65676,
"c": 0.024,
"h": 139
},
"luminance": 0.28647
}Semantic roles & 50–950 ramp
primary
#8A9587
secondary
#BEB9BF
accent
#79AFA4
background
#FAFBFA
surface
#F4F6F4
border
#CED0CE
text
#101110
muted
#7F807F