#787A3F#787A3F
#787A3F لون متوسط ومتوسط التشبّع من عائلة أصفر. الإضاءة النسبية 0.183؛ OKLCH L 56.4% C 0.081 H 110.5°. أفضل لون لنص المتن هو #000000 بتباين 4.65:1 (مطابق لمعيار WCAG AA).
قيم اللون
| HEX | #787A3F |
|---|---|
| RGB | rgb(120, 122, 63) |
| HSL | hsl(62, 32%, 36%) |
| HSV | hsv(62, 48%, 48%) |
| CMYK | cmyk(1.6%, 0%, 48.4%, 52.2%) |
| CIE-LAB | lab(49.82, -9.95, 31.85) |
| CIE-LCH | lch(49.82, 33.36, 107.35°) |
| OKLab | oklab(56.4% -0.0283 0.076) |
| OKLCH | oklch(56.4% 0.081 110.5) |
| XYZ | xyz(15.6027, 18.2713, 7.4065) |
| Luminance | 0.1827 (WCAG relative) |
| Temperature | warm |
| Family | yellow |
أقرب الألوان المُسمّاة
Olive Drab
#6F7632
ΔE00 3.02
Drab
#828344
ΔE00 3.62
Muddy Green
#657432
ΔE00 5.24
Military Green
#667C3E
ΔE00 5.88
Khaki Green
#728639
ΔE00 6.31
Dirty Green
#667E2C
ΔE00 6.61
المقاييس الإدراكية
الدرجات الغامقة
الدرجات الفاتحة
التدريجات
OKLCH scale
تناغمات الألوان
complementary
#787A3F #413F7A
analogous
#7A5F3F #787A3F #5B7A3F
triadic
#787A3F #3F787A #7A3F78
tetradic
#787A3F #3F7A5F #413F7A #7A3F5B
square
#787A3F #3F7A5F #413F7A #7A3F5B
split-complementary
#787A3F #3F5B7A #5F3F7A
monochromatic
#292915 #50522A #787A3F #A0A254 #B8BA79
إمكانية الوصول والتباين
On white
4.51
#787A3F on #FFFFFF
AA ✓AA large ✓AAA ✗
On black
4.65
#787A3F on #000000
AA ✓AA large ✓AAA ✗
أفضل لون للنص
#000000 on #787A3F
4.65:1 — WCAG AA (نص عادي) مطابق
مصفوفة التباين
| fg \ bg | ##787A3F | #FFFFFF | #000000 | ##000000 |
|---|---|---|---|---|
| ##787A3F | 1.00 | 4.51 | 4.65 | 4.65 |
| #FFFFFF | 4.51 | 1.00 | 21.00 | 21.00 |
| #000000 | 4.65 | 21.00 | 1.00 | 1.00 |
| ##000000 | 4.65 | 21.00 | 1.00 | 1.00 |
معاينة عمى الألوان
Protanopia (red-blind)
#82753A
Deuteranopia (green-blind)
#837742
Tritanopia (blue-blind)
#7F746C
Achromatopsia (no color)
#767676
وسوم التصميم والكود
CSS
--color: #787a3f; /* rgb */ color: rgb(120, 122, 63); /* oklch */ color: oklch(56.4% 0.081 110.5);
Tailwind
colors: {
custom: {
50: '#a0a075',
500: '#787a3f',
950: '#000000',
},
}SCSS
$custom: #787a3f; $custom-light: #a0a075; $custom-dark: #000000;
JSON
{
"hex": "#787a3f",
"rgb": {
"r": 120,
"g": 122,
"b": 63
},
"hsl": {
"h": 62.034,
"s": 31.892,
"l": 36.275
},
"oklch": {
"l": 0.56398,
"c": 0.08113,
"h": 110.5
},
"luminance": 0.18271
}Semantic roles & 50–950 ramp
primary
#787A3F
secondary
#7270A4
accent
#60C863
background
#FAF9F7
surface
#F3F2ED
border
#CDCCC8
text
#0F0E08
muted
#7F7E7B