#77795D#77795D
#77795D لون متوسط وخافت من عائلة أصفر. الإضاءة النسبية 0.184؛ OKLCH L 56.7% C 0.041 H 111.0°. أفضل لون لنص المتن هو #000000 بتباين 4.68:1 (مطابق لمعيار WCAG AA).
قيم اللون
| HEX | #77795D |
|---|---|
| RGB | rgb(119, 121, 93) |
| HSL | hsl(64, 13%, 42%) |
| HSV | hsv(64, 23%, 47%) |
| CMYK | cmyk(1.7%, 0%, 23.1%, 52.5%) |
| CIE-LAB | lab(49.96, -5.84, 15.15) |
| CIE-LCH | lch(49.96, 16.24, 111.09°) |
| OKLab | oklab(56.66% -0.0148 0.0385) |
| OKLCH | oklch(56.66% 0.041 111) |
| XYZ | xyz(16.4208, 18.3872, 13.0378) |
| Luminance | 0.1839 (WCAG relative) |
| Temperature | warm |
| Family | yellow |
أقرب الألوان المُسمّاة
Brown Grey
#8D8468
ΔE00 7.39
Grey Brown
#7F7053
ΔE00 8.69
Brownish Grey
#86775F
ΔE00 9.14
Drab
#828344
ΔE00 9.52
Military Green
#667C3E
ΔE00 10.10
Olive Drab
#6F7632
ΔE00 10.17
المقاييس الإدراكية
الدرجات الغامقة
الدرجات الفاتحة
التدريجات
OKLCH scale
تناغمات الألوان
complementary
#77795D #5F5D79
analogous
#796D5D #77795D #69795D
triadic
#77795D #5D7779 #795D77
tetradic
#77795D #5D796D #5F5D79 #795D69
square
#77795D #5D796D #5F5D79 #795D69
split-complementary
#77795D #5D6979 #6D5D79
monochromatic
#333428 #555642 #77795D #97997A #B2B49D
إمكانية الوصول والتباين
On white
4.49
#77795D on #FFFFFF
AA ✗AA large ✓AAA ✗
On black
4.68
#77795D on #000000
AA ✓AA large ✓AAA ✗
أفضل لون للنص
#000000 on #77795D
4.68:1 — WCAG AA (نص عادي) مطابق
مصفوفة التباين
| fg \ bg | ##77795D | #FFFFFF | #000000 | ##000000 |
|---|---|---|---|---|
| ##77795D | 1.00 | 4.49 | 4.68 | 4.68 |
| #FFFFFF | 4.49 | 1.00 | 21.00 | 21.00 |
| #000000 | 4.68 | 21.00 | 1.00 | 1.00 |
| ##000000 | 4.68 | 21.00 | 1.00 | 1.00 |
معاينة عمى الألوان
Protanopia (red-blind)
#7E765B
Deuteranopia (green-blind)
#7E775E
Tritanopia (blue-blind)
#7B7671
Achromatopsia (no color)
#777777
وسوم التصميم والكود
CSS
--color: #77795d; /* rgb */ color: rgb(119, 121, 93); /* oklch */ color: oklch(56.7% 0.041 111.0);
Tailwind
colors: {
custom: {
50: '#9e9f8b',
500: '#77795d',
950: '#000000',
},
}SCSS
$custom: #77795d; $custom-light: #9e9f8b; $custom-dark: #000000;
JSON
{
"hex": "#77795d",
"rgb": {
"r": 119,
"g": 121,
"b": 93
},
"hsl": {
"h": 64.286,
"s": 13.084,
"l": 41.961
},
"oklch": {
"l": 0.56656,
"c": 0.04126,
"h": 111
},
"luminance": 0.18387
}Semantic roles & 50–950 ramp
primary
#77795D
secondary
#9190A2
accent
#72B677
background
#F9F9F8
surface
#F2F2F0
border
#CCCCCB
text
#0E0E0C
muted
#7E7E7D