#7D784E#7D784E
#7D784E لون متوسط ومتوسط التشبّع من عائلة أصفر. الإضاءة النسبية 0.183؛ OKLCH L 56.6% C 0.060 H 102.3°. أفضل لون لنص المتن هو #000000 بتباين 4.67:1 (مطابق لمعيار WCAG AA).
قيم اللون
| HEX | #7D784E |
|---|---|
| RGB | rgb(125, 120, 78) |
| HSL | hsl(54, 23%, 40%) |
| HSV | hsv(54, 38%, 49%) |
| CMYK | cmyk(0%, 4%, 37.6%, 51%) |
| CIE-LAB | lab(49.91, -4.89, 23.78) |
| CIE-LCH | lch(49.91, 24.28, 101.63°) |
| OKLab | oklab(56.65% -0.0128 0.0586) |
| OKLCH | oklch(56.65% 0.06 102.3) |
| XYZ | xyz(16.5493, 18.3434, 9.8751) |
| Luminance | 0.1834 (WCAG relative) |
| Temperature | warm |
| Family | yellow |
أقرب الألوان المُسمّاة
Drab
#828344
ΔE00 6.13
Grey Brown
#7F7053
ΔE00 6.93
Olive Drab
#6F7632
ΔE00 7.07
Brown Grey
#8D8468
ΔE00 7.19
Brownish Grey
#86775F
ΔE00 8.32
Muddy Green
#657432
ΔE00 8.70
المقاييس الإدراكية
الدرجات الغامقة
الدرجات الفاتحة
التدريجات
OKLCH scale
تناغمات الألوان
complementary
#7D784E #4E537D
analogous
#7D614E #7D784E #6B7D4E
triadic
#7D784E #4E7D78 #784E7D
tetradic
#7D784E #4E7D61 #4E537D #7D4E6B
square
#7D784E #4E7D61 #4E537D #7D4E6B
split-complementary
#7D784E #4E6B7D #614E7D
monochromatic
#32301F #575436 #7D784E #A19B68 #B8B48D
إمكانية الوصول والتباين
On white
4.50
#7D784E on #FFFFFF
AA ✓AA large ✓AAA ✗
On black
4.67
#7D784E on #000000
AA ✓AA large ✓AAA ✗
أفضل لون للنص
#000000 on #7D784E
4.67:1 — WCAG AA (نص عادي) مطابق
مصفوفة التباين
| fg \ bg | ##7D784E | #FFFFFF | #000000 | ##000000 |
|---|---|---|---|---|
| ##7D784E | 1.00 | 4.50 | 4.67 | 4.67 |
| #FFFFFF | 4.50 | 1.00 | 21.00 | 21.00 |
| #000000 | 4.67 | 21.00 | 1.00 | 1.00 |
| ##000000 | 4.67 | 21.00 | 1.00 | 1.00 |
معاينة عمى الألوان
Protanopia (red-blind)
#7F754B
Deuteranopia (green-blind)
#817850
Tritanopia (blue-blind)
#84736D
Achromatopsia (no color)
#777777
وسوم التصميم والكود
CSS
--color: #7d784e; /* rgb */ color: rgb(125, 120, 78); /* oklch */ color: oklch(56.6% 0.060 102.3);
Tailwind
colors: {
custom: {
50: '#a39e80',
500: '#7d784e',
950: '#000000',
},
}SCSS
$custom: #7d784e; $custom-light: #a39e80; $custom-dark: #000000;
JSON
{
"hex": "#7d784e",
"rgb": {
"r": 125,
"g": 120,
"b": 78
},
"hsl": {
"h": 53.617,
"s": 23.153,
"l": 39.804
},
"oklch": {
"l": 0.56648,
"c": 0.06002,
"h": 102.3
},
"luminance": 0.18343
}Semantic roles & 50–950 ramp
primary
#7D784E
secondary
#8286A5
accent
#71C068
background
#FAF9F7
surface
#F4F2EE
border
#CECCC9
text
#0F0E0A
muted
#7F7E7C