#A7982E#A7982E
#A7982E لون فاتح وزاهٍ من عائلة أصفر. الإضاءة النسبية 0.309؛ OKLCH L 67.4% C 0.124 H 101.0°. أفضل لون لنص المتن هو #000000 بتباين 7.17:1 (مطابق لمعيار WCAG AA).
قيم اللون
| HEX | #A7982E |
|---|---|
| RGB | rgb(167, 152, 46) |
| HSL | hsl(53, 57%, 42%) |
| HSV | hsv(53, 72%, 65%) |
| CMYK | cmyk(0%, 9%, 72.5%, 34.5%) |
| CIE-LAB | lab(62.40, -6.59, 54.72) |
| CIE-LCH | lch(62.40, 55.12, 96.86°) |
| OKLab | oklab(67.36% -0.0237 0.1214) |
| OKLCH | oklch(67.36% 0.124 101) |
| XYZ | xyz(27.6590, 30.8705, 7.0859) |
| Luminance | 0.3087 (WCAG relative) |
| Temperature | warm |
| Family | yellow |
أقرب الألوان المُسمّاة
Brown Yellow
#B29705
ΔE00 4.43
Baby Poo
#AB9004
ΔE00 4.61
Baby Shit Brown
#AD900D
ΔE00 4.88
Dark Gold
#B59410
ΔE00 5.63
Vomit
#A2A415
ΔE00 5.92
Puke
#A5A502
ΔE00 6.10
المقاييس الإدراكية
الدرجات الغامقة
الدرجات الفاتحة
التدريجات
OKLCH scale
تناغمات الألوان
complementary
#A7982E #2E3DA7
analogous
#A75C2E #A7982E #7AA72E
triadic
#A7982E #2EA798 #982EA7
tetradic
#A7982E #2EA75C #2E3DA7 #A72E7A
square
#A7982E #2EA75C #2E3DA7 #A72E7A
split-complementary
#A7982E #2E7AA7 #5C2EA7
monochromatic
#474114 #776C21 #A7982E #CCBB46 #D9CD76
إمكانية الوصول والتباين
On white
2.93
#A7982E on #FFFFFF
AA ✗AA large ✗AAA ✗
On black
7.17
#A7982E on #000000
AA ✓AA large ✓AAA ✓
أفضل لون للنص
#000000 on #A7982E
7.17:1 — WCAG AA (نص عادي) مطابق
مصفوفة التباين
| fg \ bg | ##A7982E | #FFFFFF | #000000 | ##000000 |
|---|---|---|---|---|
| ##A7982E | 1.00 | 2.93 | 7.17 | 7.17 |
| #FFFFFF | 2.93 | 1.00 | 21.00 | 21.00 |
| #000000 | 7.17 | 21.00 | 1.00 | 1.00 |
| ##000000 | 7.17 | 21.00 | 1.00 | 1.00 |
معاينة عمى الألوان
Protanopia (red-blind)
#A6931D
Deuteranopia (green-blind)
#AB9935
Tritanopia (blue-blind)
#B48D83
Achromatopsia (no color)
#979797
وسوم التصميم والكود
CSS
--color: #a7982e; /* rgb */ color: rgb(167, 152, 46); /* oklch */ color: oklch(67.4% 0.124 101.0);
Tailwind
colors: {
custom: {
50: '#c5b66e',
500: '#a7982e',
950: '#000000',
},
}SCSS
$custom: #a7982e; $custom-light: #c5b66e; $custom-dark: #000000;
JSON
{
"hex": "#a7982e",
"rgb": {
"r": 167,
"g": 152,
"b": 46
},
"hsl": {
"h": 52.562,
"s": 56.808,
"l": 41.765
},
"oklch": {
"l": 0.67361,
"c": 0.12365,
"h": 101
},
"luminance": 0.30869
}Semantic roles & 50–950 ramp
primary
#A7982E
secondary
#707AC1
accent
#5BE048
background
#FCFBF6
surface
#F8F6EC
border
#D1D0C7
text
#131108
muted
#82807B