#A99E43#A99E43
#A99E43 لون فاتح ومتوسط التشبّع من عائلة أصفر. الإضاءة النسبية 0.333؛ OKLCH L 69.0% C 0.113 H 102.5°. أفضل لون لنص المتن هو #000000 بتباين 7.66:1 (مطابق لمعيار WCAG AA).
قيم اللون
| HEX | #A99E43 |
|---|---|
| RGB | rgb(169, 158, 67) |
| HSL | hsl(54, 43%, 46%) |
| HSV | hsv(54, 60%, 66%) |
| CMYK | cmyk(0%, 6.5%, 60.4%, 33.7%) |
| CIE-LAB | lab(64.40, -7.62, 47.86) |
| CIE-LCH | lch(64.40, 48.46, 99.05°) |
| OKLab | oklab(69.05% -0.0243 0.1102) |
| OKLCH | oklch(69.05% 0.113 102.5) |
| XYZ | xyz(29.6032, 33.2951, 10.1763) |
| Luminance | 0.3329 (WCAG relative) |
| Temperature | warm |
| Family | yellow |
أقرب الألوان المُسمّاة
Khaki (survey)
#AAA662
ΔE00 5.12
Vomit
#A2A415
ΔE00 5.88
Puke
#A5A502
ΔE00 6.35
Brown Yellow
#B29705
ΔE00 6.76
Pea Soup
#929901
ΔE00 7.07
Dark Khaki
#9B8F55
ΔE00 7.22
المقاييس الإدراكية
الدرجات الغامقة
الدرجات الفاتحة
التدريجات
OKLCH scale
تناغمات الألوان
complementary
#A99E43 #434EA9
analogous
#A96B43 #A99E43 #81A943
triadic
#A99E43 #43A99E #9E43A9
tetradic
#A99E43 #43A96B #434EA9 #A94381
square
#A99E43 #43A96B #434EA9 #A94381
split-complementary
#A99E43 #4381A9 #6B43A9
monochromatic
#514C20 #7D7532 #A99E43 #C3B967 #D4CD92
إمكانية الوصول والتباين
On white
2.74
#A99E43 on #FFFFFF
AA ✗AA large ✗AAA ✗
On black
7.66
#A99E43 on #000000
AA ✓AA large ✓AAA ✓
أفضل لون للنص
#000000 on #A99E43
7.66:1 — WCAG AA (نص عادي) مطابق
مصفوفة التباين
| fg \ bg | ##A99E43 | #FFFFFF | #000000 | ##000000 |
|---|---|---|---|---|
| ##A99E43 | 1.00 | 2.74 | 7.66 | 7.66 |
| #FFFFFF | 2.74 | 1.00 | 21.00 | 21.00 |
| #000000 | 7.66 | 21.00 | 1.00 | 1.00 |
| ##000000 | 7.66 | 21.00 | 1.00 | 1.00 |
معاينة عمى الألوان
Protanopia (red-blind)
#AB9939
Deuteranopia (green-blind)
#AF9E48
Tritanopia (blue-blind)
#B5948A
Achromatopsia (no color)
#9C9C9C
وسوم التصميم والكود
CSS
--color: #a99e43; /* rgb */ color: rgb(169, 158, 67); /* oklch */ color: oklch(69.0% 0.113 102.5);
Tailwind
colors: {
custom: {
50: '#c5ba7b',
500: '#a99e43',
950: '#000000',
},
}SCSS
$custom: #a99e43; $custom-light: #c5ba7b; $custom-dark: #000000;
JSON
{
"hex": "#a99e43",
"rgb": {
"r": 169,
"g": 158,
"b": 67
},
"hsl": {
"h": 53.529,
"s": 43.22,
"l": 46.275
},
"oklch": {
"l": 0.69048,
"c": 0.11281,
"h": 102.5
},
"luminance": 0.33294
}Semantic roles & 50–950 ramp
primary
#A99E43
secondary
#888EBF
accent
#62D355
background
#FCFBF7
surface
#F8F6EE
border
#D1D0C9
text
#131109
muted
#82807B