#796F3B#796F3B
#796F3B لون متوسط ومتوسط التشبّع من عائلة أصفر. الإضاءة النسبية 0.158؛ OKLCH L 53.9% C 0.073 H 98.7°. أفضل لون لنص المتن هو #FFFFFF بتباين 5.06:1 (مطابق لمعيار WCAG AA).
قيم اللون
| HEX | #796F3B |
|---|---|
| RGB | rgb(121, 111, 59) |
| HSL | hsl(50, 34%, 35%) |
| HSV | hsv(50, 51%, 47%) |
| CMYK | cmyk(0%, 8.3%, 51.2%, 52.5%) |
| CIE-LAB | lab(46.64, -3.72, 30.16) |
| CIE-LCH | lch(46.64, 30.39, 97.04°) |
| OKLab | oklab(53.88% -0.011 0.0719) |
| OKLCH | oklch(53.88% 0.073 98.7) |
| XYZ | xyz(14.3594, 15.7501, 6.4205) |
| Luminance | 0.1575 (WCAG relative) |
| Temperature | warm |
| Family | yellow |
أقرب الألوان المُسمّاة
Olive Drab
#6F7632
ΔE00 6.49
Brown Green
#706C11
ΔE00 6.78
Grey Brown
#7F7053
ΔE00 7.25
Greenish Brown
#696112
ΔE00 7.37
Browny Green
#6F6C0A
ΔE00 7.38
Ugly Brown
#7D7103
ΔE00 7.84
المقاييس الإدراكية
الدرجات الغامقة
الدرجات الفاتحة
التدريجات
OKLCH scale
تناغمات الألوان
complementary
#796F3B #3B4579
analogous
#79503B #796F3B #64793B
triadic
#796F3B #3B796F #6F3B79
tetradic
#796F3B #3B7950 #3B4579 #793B64
square
#796F3B #3B7950 #3B4579 #793B64
split-complementary
#796F3B #3B6479 #503B79
monochromatic
#272413 #504927 #796F3B #A2954F #BBAF73
إمكانية الوصول والتباين
On white
5.06
#796F3B on #FFFFFF
AA ✓AA large ✓AAA ✗
On black
4.15
#796F3B on #000000
AA ✗AA large ✓AAA ✗
أفضل لون للنص
#FFFFFF on #796F3B
5.06:1 — WCAG AA (نص عادي) مطابق
مصفوفة التباين
| fg \ bg | ##796F3B | #FFFFFF | #000000 | ##FFFFFF |
|---|---|---|---|---|
| ##796F3B | 1.00 | 5.06 | 4.15 | 5.06 |
| #FFFFFF | 5.06 | 1.00 | 21.00 | 1.00 |
| #000000 | 4.15 | 21.00 | 1.00 | 21.00 |
| ##FFFFFF | 5.06 | 1.00 | 21.00 | 1.00 |
معاينة عمى الألوان
Protanopia (red-blind)
#786C37
Deuteranopia (green-blind)
#7B703D
Tritanopia (blue-blind)
#816863
Achromatopsia (no color)
#6F6F6F
وسوم التصميم والكود
CSS
--color: #796f3b; /* rgb */ color: rgb(121, 111, 59); /* oklch */ color: oklch(53.9% 0.073 98.7);
Tailwind
colors: {
custom: {
50: '#a19872',
500: '#796f3b',
950: '#000000',
},
}SCSS
$custom: #796f3b; $custom-light: #a19872; $custom-dark: #000000;
JSON
{
"hex": "#796f3b",
"rgb": {
"r": 121,
"g": 111,
"b": 59
},
"hsl": {
"h": 50.323,
"s": 34.444,
"l": 35.294
},
"oklch": {
"l": 0.53877,
"c": 0.07277,
"h": 98.7
},
"luminance": 0.1575
}Semantic roles & 50–950 ramp
primary
#796F3B
secondary
#6B74A5
accent
#6FCB5D
background
#FAF9F6
surface
#F4F2EC
border
#CECCC7
text
#0F0D08
muted
#7F7E7B