#7D776C#7D776C
#7D776C لون متوسط ومحايد تقريباً من عائلة grey. الإضاءة النسبية 0.186؛ OKLCH L 57.1% C 0.018 H 82.8°. أفضل لون لنص المتن هو #000000 بتباين 4.73:1 (مطابق لمعيار WCAG AA).
قيم اللون
| HEX | #7D776C |
|---|---|
| RGB | rgb(125, 119, 108) |
| HSL | hsl(39, 7%, 46%) |
| HSV | hsv(39, 14%, 49%) |
| CMYK | cmyk(0%, 4.8%, 13.6%, 51%) |
| CIE-LAB | lab(50.26, 0.25, 6.87) |
| CIE-LCH | lch(50.26, 6.88, 87.88°) |
| OKLab | oklab(57.13% 0.0023 0.0179) |
| OKLCH | oklch(57.13% 0.018 82.8) |
| XYZ | xyz(17.7608, 18.6366, 16.8460) |
| Luminance | 0.1864 (WCAG relative) |
| Temperature | neutral |
| Family | grey |
أقرب الألوان المُسمّاة
Taupe
#8B7D6B
ΔE00 5.11
Medium Grey
#7D7F7C
ΔE00 5.90
Brownish Grey
#86775F
ΔE00 5.91
Gray
#808080
ΔE00 6.81
Grey Brown
#7F7053
ΔE00 7.71
Brown Grey
#8D8468
ΔE00 8.13
المقاييس الإدراكية
الدرجات الغامقة
الدرجات الفاتحة
التدريجات
OKLCH scale
تناغمات الألوان
complementary
#7D776C #6C727D
analogous
#7D6E6C #7D776C #7A7D6C
triadic
#7D776C #6C7D77 #776C7D
tetradic
#7D776C #6C7D6E #6C727D #7D6C7A
square
#7D776C #6C7D6E #6C727D #7D6C7A
split-complementary
#7D776C #6C7A7D #6E6C7D
monochromatic
#3B3833 #5C5850 #7D776C #9B958B #B7B3AC
إمكانية الوصول والتباين
On white
4.44
#7D776C on #FFFFFF
AA ✗AA large ✓AAA ✗
On black
4.73
#7D776C on #000000
AA ✓AA large ✓AAA ✗
أفضل لون للنص
#000000 on #7D776C
4.73:1 — WCAG AA (نص عادي) مطابق
مصفوفة التباين
| fg \ bg | ##7D776C | #FFFFFF | #000000 | ##000000 |
|---|---|---|---|---|
| ##7D776C | 1.00 | 4.44 | 4.73 | 4.73 |
| #FFFFFF | 4.44 | 1.00 | 21.00 | 21.00 |
| #000000 | 4.73 | 21.00 | 1.00 | 1.00 |
| ##000000 | 4.73 | 21.00 | 1.00 | 1.00 |
معاينة عمى الألوان
Protanopia (red-blind)
#7A776B
Deuteranopia (green-blind)
#7C786C
Tritanopia (blue-blind)
#807574
Achromatopsia (no color)
#787878
وسوم التصميم والكود
CSS
--color: #7d776c; /* rgb */ color: rgb(125, 119, 108); /* oklch */ color: oklch(57.1% 0.018 82.8);
Tailwind
colors: {
custom: {
50: '#a29e96',
500: '#7d776c',
950: '#000000',
},
}SCSS
$custom: #7d776c; $custom-light: #a29e96; $custom-dark: #000000;
JSON
{
"hex": "#7d776c",
"rgb": {
"r": 125,
"g": 119,
"b": 108
},
"hsl": {
"h": 38.824,
"s": 7.296,
"l": 45.686
},
"oklch": {
"l": 0.57132,
"c": 0.01806,
"h": 82.8
},
"luminance": 0.18636
}Semantic roles & 50–950 ramp
primary
#7D776C
secondary
#9EA1A7
accent
#8CB077
background
#FAF9F9
surface
#F3F2F1
border
#CDCCCB
text
#0F0E0D
muted
#7F7E7E