#888487#888487
#888487 لون متوسط ومحايد تقريباً من عائلة grey. الإضاءة النسبية 0.235؛ OKLCH L 61.8% C 0.006 H 334.1°. أفضل لون لنص المتن هو #000000 بتباين 5.70:1 (مطابق لمعيار WCAG AA).
قيم اللون
| HEX | #888487 |
|---|---|
| RGB | rgb(136, 132, 135) |
| HSL | hsl(315, 2%, 53%) |
| HSV | hsv(315, 3%, 53%) |
| CMYK | cmyk(0%, 2.9%, 0.7%, 46.7%) |
| CIE-LAB | lab(55.57, 2.08, -1.08) |
| CIE-LCH | lch(55.57, 2.34, 332.52°) |
| OKLab | oklab(61.78% 0.0058 -0.0028) |
| OKLCH | oklch(61.78% 0.006 334.1) |
| XYZ | xyz(22.7771, 23.4861, 26.2503) |
| Luminance | 0.2349 (WCAG relative) |
| Temperature | neutral |
| Family | grey |
أقرب الألوان المُسمّاة
Gray
#808080
ΔE00 3.61
Medium Grey
#7D7F7C
ΔE00 6.08
Warm Grey
#978A84
ΔE00 6.30
Grey
#929591
ΔE00 8.21
Pewter
#899397
ΔE00 8.48
Flint
#6F7A80
ΔE00 9.16
المقاييس الإدراكية
الدرجات الغامقة
الدرجات الفاتحة
التدريجات
OKLCH scale
تناغمات الألوان
complementary
#888487 #848885
analogous
#878488 #888487 #888485
triadic
#888487 #878884 #848788
tetradic
#888487 #888784 #848885 #848588
square
#888487 #888784 #848885 #848588
split-complementary
#888487 #858884 #848887
monochromatic
#4A4849 #696668 #888487 #A6A3A5 #C4C2C4
إمكانية الوصول والتباين
On white
3.69
#888487 on #FFFFFF
AA ✗AA large ✓AAA ✗
On black
5.70
#888487 on #000000
AA ✓AA large ✓AAA ✗
أفضل لون للنص
#000000 on #888487
5.70:1 — WCAG AA (نص عادي) مطابق
مصفوفة التباين
| fg \ bg | ##888487 | #FFFFFF | #000000 | ##000000 |
|---|---|---|---|---|
| ##888487 | 1.00 | 3.69 | 5.70 | 5.70 |
| #FFFFFF | 3.69 | 1.00 | 21.00 | 21.00 |
| #000000 | 5.70 | 21.00 | 1.00 | 1.00 |
| ##000000 | 5.70 | 21.00 | 1.00 | 1.00 |
معاينة عمى الألوان
Protanopia (red-blind)
#848587
Deuteranopia (green-blind)
#858587
Tritanopia (blue-blind)
#888485
Achromatopsia (no color)
#858585
وسوم التصميم والكود
CSS
--color: #888487; /* rgb */ color: rgb(136, 132, 135); /* oklch */ color: oklch(61.8% 0.006 334.1);
Tailwind
colors: {
custom: {
50: '#aaa7a9',
500: '#888487',
950: '#000000',
},
}SCSS
$custom: #888487; $custom-light: #aaa7a9; $custom-dark: #000000;
JSON
{
"hex": "#888487",
"rgb": {
"r": 136,
"g": 132,
"b": 135
},
"hsl": {
"h": 315,
"s": 1.653,
"l": 52.549
},
"oklch": {
"l": 0.61776,
"c": 0.00649,
"h": 334.1
},
"luminance": 0.23486
}Semantic roles & 50–950 ramp
primary
#888487
secondary
#B3B5B3
accent
#AB887D
background
#FAFAFA
surface
#F4F4F4
border
#CECECE
text
#100F10
muted
#7F7F7F