#7D784B#7D784B
#7D784B لون متوسط ومتوسط التشبّع من عائلة أصفر. الإضاءة النسبية 0.183؛ OKLCH L 56.6% C 0.064 H 102.7°. أفضل لون لنص المتن هو #000000 بتباين 4.66:1 (مطابق لمعيار WCAG AA).
قيم اللون
| HEX | #7D784B |
|---|---|
| RGB | rgb(125, 120, 75) |
| HSL | hsl(54, 25%, 39%) |
| HSV | hsv(54, 40%, 49%) |
| CMYK | cmyk(0%, 4%, 40%, 51%) |
| CIE-LAB | lab(49.86, -5.27, 25.40) |
| CIE-LCH | lch(49.86, 25.95, 101.72°) |
| OKLab | oklab(56.59% -0.0141 0.0623) |
| OKLCH | oklch(56.59% 0.064 102.7) |
| XYZ | xyz(16.4442, 18.3013, 9.3215) |
| Luminance | 0.1830 (WCAG relative) |
| Temperature | warm |
| Family | yellow |
أقرب الألوان المُسمّاة
Drab
#828344
ΔE00 5.59
Olive Drab
#6F7632
ΔE00 6.44
Grey Brown
#7F7053
ΔE00 7.35
Brown Grey
#8D8468
ΔE00 7.72
Muddy Green
#657432
ΔE00 8.23
Military Green
#667C3E
ΔE00 8.83
المقاييس الإدراكية
الدرجات الغامقة
الدرجات الفاتحة
التدريجات
OKLCH scale
تناغمات الألوان
complementary
#7D784B #4B507D
analogous
#7D5F4B #7D784B #697D4B
triadic
#7D784B #4B7D78 #784B7D
tetradic
#7D784B #4B7D5F #4B507D #7D4B69
square
#7D784B #4B7D5F #4B507D #7D4B69
split-complementary
#7D784B #4B697D #5F4B7D
monochromatic
#312F1D #575334 #7D784B #A29B64 #B9B48A
إمكانية الوصول والتباين
On white
4.51
#7D784B on #FFFFFF
AA ✓AA large ✓AAA ✗
On black
4.66
#7D784B on #000000
AA ✓AA large ✓AAA ✗
أفضل لون للنص
#000000 on #7D784B
4.66:1 — WCAG AA (نص عادي) مطابق
مصفوفة التباين
| fg \ bg | ##7D784B | #FFFFFF | #000000 | ##000000 |
|---|---|---|---|---|
| ##7D784B | 1.00 | 4.51 | 4.66 | 4.66 |
| #FFFFFF | 4.51 | 1.00 | 21.00 | 21.00 |
| #000000 | 4.66 | 21.00 | 1.00 | 1.00 |
| ##000000 | 4.66 | 21.00 | 1.00 | 1.00 |
معاينة عمى الألوان
Protanopia (red-blind)
#807548
Deuteranopia (green-blind)
#81784D
Tritanopia (blue-blind)
#84726D
Achromatopsia (no color)
#777777
وسوم التصميم والكود
CSS
--color: #7d784b; /* rgb */ color: rgb(125, 120, 75); /* oklch */ color: oklch(56.6% 0.064 102.7);
Tailwind
colors: {
custom: {
50: '#a39e7e',
500: '#7d784b',
950: '#000000',
},
}SCSS
$custom: #7d784b; $custom-light: #a39e7e; $custom-dark: #000000;
JSON
{
"hex": "#7d784b",
"rgb": {
"r": 125,
"g": 120,
"b": 75
},
"hsl": {
"h": 54,
"s": 25,
"l": 39.216
},
"oklch": {
"l": 0.56592,
"c": 0.06382,
"h": 102.7
},
"luminance": 0.18301
}Semantic roles & 50–950 ramp
primary
#7D784B
secondary
#7F83A5
accent
#6FC166
background
#FAF9F7
surface
#F4F2EE
border
#CECCC9
text
#0F0E0A
muted
#7F7E7C