#77805E#77805E
#77805E لون متوسط وخافت من عائلة أصفر مخضرّ. الإضاءة النسبية 0.202؛ OKLCH L 58.3% C 0.051 H 120.0°. أفضل لون لنص المتن هو #000000 بتباين 5.03:1 (مطابق لمعيار WCAG AA).
قيم اللون
| HEX | #77805E |
|---|---|
| RGB | rgb(119, 128, 94) |
| HSL | hsl(76, 15%, 44%) |
| HSV | hsv(76, 27%, 50%) |
| CMYK | cmyk(7%, 0%, 26.6%, 49.8%) |
| CIE-LAB | lab(52.03, -9.60, 17.40) |
| CIE-LCH | lch(52.03, 19.87, 118.90°) |
| OKLab | oklab(58.3% -0.0254 0.044) |
| OKLCH | oklch(58.3% 0.051 120) |
| XYZ | xyz(17.3471, 20.1685, 13.5665) |
| Luminance | 0.2017 (WCAG relative) |
| Temperature | warm |
| Family | yellow-green |
أقرب الألوان المُسمّاة
Green Grey
#77926F
ΔE00 7.76
Military Green
#667C3E
ΔE00 8.02
Drab
#828344
ΔE00 8.11
Camo
#7F8F4E
ΔE00 8.70
Brown Grey
#8D8468
ΔE00 8.89
Dark Sage
#598556
ΔE00 9.21
المقاييس الإدراكية
الدرجات الغامقة
الدرجات الفاتحة
التدريجات
OKLCH scale
تناغمات الألوان
complementary
#77805E #675E80
analogous
#80785E #77805E #66805E
triadic
#77805E #5E7780 #805E77
tetradic
#77805E #5E8078 #675E80 #805E66
square
#77805E #5E8078 #675E80 #805E66
split-complementary
#77805E #5E6680 #785E80
monochromatic
#35392A #565D44 #77805E #969F7C #B2B9A0
إمكانية الوصول والتباين
On white
4.17
#77805E on #FFFFFF
AA ✗AA large ✓AAA ✗
On black
5.03
#77805E on #000000
AA ✓AA large ✓AAA ✗
أفضل لون للنص
#000000 on #77805E
5.03:1 — WCAG AA (نص عادي) مطابق
مصفوفة التباين
| fg \ bg | ##77805E | #FFFFFF | #000000 | ##000000 |
|---|---|---|---|---|
| ##77805E | 1.00 | 4.17 | 5.03 | 5.03 |
| #FFFFFF | 4.17 | 1.00 | 21.00 | 21.00 |
| #000000 | 5.03 | 21.00 | 1.00 | 1.00 |
| ##000000 | 5.03 | 21.00 | 1.00 | 1.00 |
معاينة عمى الألوان
Protanopia (red-blind)
#847C5C
Deuteranopia (green-blind)
#837C5F
Tritanopia (blue-blind)
#7A7C77
Achromatopsia (no color)
#7C7C7C
وسوم التصميم والكود
CSS
--color: #77805e; /* rgb */ color: rgb(119, 128, 94); /* oklch */ color: oklch(58.3% 0.051 120.0);
Tailwind
colors: {
custom: {
50: '#9ea48c',
500: '#77805e',
950: '#000000',
},
}SCSS
$custom: #77805e; $custom-light: #9ea48c; $custom-dark: #000000;
JSON
{
"hex": "#77805e",
"rgb": {
"r": 119,
"g": 128,
"b": 94
},
"hsl": {
"h": 75.882,
"s": 15.315,
"l": 43.529
},
"oklch": {
"l": 0.58302,
"c": 0.0508,
"h": 120
},
"luminance": 0.20168
}Semantic roles & 50–950 ramp
primary
#77805E
secondary
#9892A7
accent
#70B883
background
#F9FAF8
surface
#F2F4F0
border
#CCCECB
text
#0E0F0C
muted
#7E7F7D