#88817C#88817C
#88817C لون متوسط ومحايد تقريباً من عائلة grey. الإضاءة النسبية 0.224؛ OKLCH L 60.8% C 0.011 H 58.1°. أفضل لون لنص المتن هو #000000 بتباين 5.48:1 (مطابق لمعيار WCAG AA).
قيم اللون
| HEX | #88817C |
|---|---|
| RGB | rgb(136, 129, 124) |
| HSL | hsl(25, 5%, 51%) |
| HSV | hsv(25, 9%, 53%) |
| CMYK | cmyk(0%, 5.1%, 8.8%, 46.7%) |
| CIE-LAB | lab(54.44, 1.70, 3.65) |
| CIE-LCH | lch(54.44, 4.03, 64.99°) |
| OKLab | oklab(60.79% 0.006 0.0096) |
| OKLCH | oklch(60.79% 0.011 58.1) |
| XYZ | xyz(21.6413, 22.3902, 22.2466) |
| Luminance | 0.2239 (WCAG relative) |
| Temperature | neutral |
| Family | grey |
أقرب الألوان المُسمّاة
Gray
#808080
ΔE00 4.13
Warm Grey
#978A84
ΔE00 4.63
Medium Grey
#7D7F7C
ΔE00 5.06
Taupe
#8B7D6B
ΔE00 6.22
Grey
#929591
ΔE00 8.29
Brownish Grey
#86775F
ΔE00 9.08
المقاييس الإدراكية
الدرجات الغامقة
الدرجات الفاتحة
التدريجات
OKLCH scale
تناغمات الألوان
complementary
#88817C #7C8388
analogous
#887C7D #88817C #88877C
triadic
#88817C #7C8881 #817C88
tetradic
#88817C #7D887C #7C8388 #877C88
square
#88817C #7D887C #7C8388 #877C88
split-complementary
#88817C #7C8887 #7C7D88
monochromatic
#484441 #68635F #88817C #A5A09C #C2BFBC
إمكانية الوصول والتباين
On white
3.83
#88817C on #FFFFFF
AA ✗AA large ✓AAA ✗
On black
5.48
#88817C on #000000
AA ✓AA large ✓AAA ✗
أفضل لون للنص
#000000 on #88817C
5.48:1 — WCAG AA (نص عادي) مطابق
مصفوفة التباين
| fg \ bg | ##88817C | #FFFFFF | #000000 | ##000000 |
|---|---|---|---|---|
| ##88817C | 1.00 | 3.83 | 5.48 | 5.48 |
| #FFFFFF | 3.83 | 1.00 | 21.00 | 21.00 |
| #000000 | 5.48 | 21.00 | 1.00 | 1.00 |
| ##000000 | 5.48 | 21.00 | 1.00 | 1.00 |
معاينة عمى الألوان
Protanopia (red-blind)
#83817C
Deuteranopia (green-blind)
#85837C
Tritanopia (blue-blind)
#8B8080
Achromatopsia (no color)
#828282
وسوم التصميم والكود
CSS
--color: #88817c; /* rgb */ color: rgb(136, 129, 124); /* oklch */ color: oklch(60.8% 0.011 58.1);
Tailwind
colors: {
custom: {
50: '#aaa5a1',
500: '#88817c',
950: '#000000',
},
}SCSS
$custom: #88817c; $custom-light: #aaa5a1; $custom-dark: #000000;
JSON
{
"hex": "#88817c",
"rgb": {
"r": 136,
"g": 129,
"b": 124
},
"hsl": {
"h": 25,
"s": 4.8,
"l": 50.98
},
"oklch": {
"l": 0.60788,
"c": 0.01133,
"h": 58.1
},
"luminance": 0.2239
}Semantic roles & 50–950 ramp
primary
#88817C
secondary
#ADB0B3
accent
#98AE7A
background
#FAFAF9
surface
#F4F4F2
border
#CECECC
text
#100F0F
muted
#7F7F7E