#7E7642#7E7642
#7E7642 لون متوسط ومتوسط التشبّع من عائلة أصفر. الإضاءة النسبية 0.178؛ OKLCH L 56.1% C 0.072 H 100.7°. أفضل لون لنص المتن هو #FFFFFF بتباين 4.61:1 (مطابق لمعيار WCAG AA).
قيم اللون
| HEX | #7E7642 |
|---|---|
| RGB | rgb(126, 118, 66) |
| HSL | hsl(52, 31%, 38%) |
| HSV | hsv(52, 48%, 49%) |
| CMYK | cmyk(0%, 6.3%, 47.6%, 50.6%) |
| CIE-LAB | lab(49.24, -4.73, 29.63) |
| CIE-LCH | lch(49.24, 30.00, 99.07°) |
| OKLab | oklab(56.08% -0.0134 0.0712) |
| OKLCH | oklch(56.08% 0.072 100.7) |
| XYZ | xyz(16.0664, 17.7864, 7.7400) |
| Luminance | 0.1779 (WCAG relative) |
| Temperature | warm |
| Family | yellow |
أقرب الألوان المُسمّاة
Drab
#828344
ΔE00 5.61
Olive Drab
#6F7632
ΔE00 5.90
Grey Brown
#7F7053
ΔE00 7.63
Brown Green
#706C11
ΔE00 7.88
Muddy Green
#657432
ΔE00 8.17
Ugly Brown
#7D7103
ΔE00 8.32
المقاييس الإدراكية
الدرجات الغامقة
الدرجات الفاتحة
التدريجات
OKLCH scale
تناغمات الألوان
complementary
#7E7642 #424A7E
analogous
#7E5842 #7E7642 #687E42
triadic
#7E7642 #427E76 #76427E
tetradic
#7E7642 #427E58 #424A7E #7E4268
square
#7E7642 #427E58 #424A7E #7E4268
split-complementary
#7E7642 #42687E #58427E
monochromatic
#2E2B18 #56502D #7E7642 #A69C57 #BCB47F
إمكانية الوصول والتباين
On white
4.61
#7E7642 on #FFFFFF
AA ✓AA large ✓AAA ✗
On black
4.56
#7E7642 on #000000
AA ✓AA large ✓AAA ✗
أفضل لون للنص
#FFFFFF on #7E7642
4.61:1 — WCAG AA (نص عادي) مطابق
مصفوفة التباين
| fg \ bg | ##7E7642 | #FFFFFF | #000000 | ##FFFFFF |
|---|---|---|---|---|
| ##7E7642 | 1.00 | 4.61 | 4.56 | 4.61 |
| #FFFFFF | 4.61 | 1.00 | 21.00 | 1.00 |
| #000000 | 4.56 | 21.00 | 1.00 | 21.00 |
| ##FFFFFF | 4.61 | 1.00 | 21.00 | 1.00 |
معاينة عمى الألوان
Protanopia (red-blind)
#7F733E
Deuteranopia (green-blind)
#817744
Tritanopia (blue-blind)
#866F6A
Achromatopsia (no color)
#757575
وسوم التصميم والكود
CSS
--color: #7e7642; /* rgb */ color: rgb(126, 118, 66); /* oklch */ color: oklch(56.1% 0.072 100.7);
Tailwind
colors: {
custom: {
50: '#a59d77',
500: '#7e7642',
950: '#000000',
},
}SCSS
$custom: #7e7642; $custom-light: #a59d77; $custom-dark: #000000;
JSON
{
"hex": "#7e7642",
"rgb": {
"r": 126,
"g": 118,
"b": 66
},
"hsl": {
"h": 52,
"s": 31.25,
"l": 37.647
},
"oklch": {
"l": 0.56075,
"c": 0.07249,
"h": 100.7
},
"luminance": 0.17786
}Semantic roles & 50–950 ramp
primary
#7E7642
secondary
#757CA7
accent
#6EC760
background
#FAF9F7
surface
#F4F2ED
border
#CECCC8
text
#0F0E09
muted
#7F7E7B