#A98A50#A98A50
#A98A50 لون فاتح ومتوسط التشبّع من عائلة برتقالي. الإضاءة النسبية 0.272؛ OKLCH L 65.0% C 0.085 H 82.0°. أفضل لون لنص المتن هو #000000 بتباين 6.44:1 (مطابق لمعيار WCAG AA).
قيم اللون
| HEX | #A98A50 |
|---|---|
| RGB | rgb(169, 138, 80) |
| HSL | hsl(39, 36%, 49%) |
| HSV | hsv(39, 53%, 66%) |
| CMYK | cmyk(0%, 18.3%, 52.7%, 33.7%) |
| CIE-LAB | lab(59.15, 4.34, 35.25) |
| CIE-LCH | lch(59.15, 35.52, 82.97°) |
| OKLab | oklab(64.95% 0.0119 0.0842) |
| OKLCH | oklch(64.95% 0.085 82) |
| XYZ | xyz(26.8998, 27.1926, 11.4197) |
| Luminance | 0.2719 (WCAG relative) |
| Temperature | warm |
| Family | orange |
أقرب الألوان المُسمّاة
Dark Sand
#A88F59
ΔE00 2.40
Dark Tan
#AF884A
ΔE00 2.46
Dark Beige
#AC9362
ΔE00 3.70
Coffee
#A6814C
ΔE00 3.72
Light Brown
#AD8150
ΔE00 5.81
Dust
#B2996E
ΔE00 6.00
المقاييس الإدراكية
الدرجات الغامقة
الدرجات الفاتحة
التدريجات
OKLCH scale
تناغمات الألوان
complementary
#A98A50 #506FA9
analogous
#A95E50 #A98A50 #9CA950
triadic
#A98A50 #50A98A #8A50A9
tetradic
#A98A50 #50A95E #506FA9 #A9509C
square
#A98A50 #50A95E #506FA9 #A9509C
split-complementary
#A98A50 #509CA9 #5E50A9
monochromatic
#564629 #7F683C #A98A50 #BFA677 #D2C1A1
إمكانية الوصول والتباين
On white
3.26
#A98A50 on #FFFFFF
AA ✗AA large ✓AAA ✗
On black
6.44
#A98A50 on #000000
AA ✓AA large ✓AAA ✗
أفضل لون للنص
#000000 on #A98A50
6.44:1 — WCAG AA (نص عادي) مطابق
مصفوفة التباين
| fg \ bg | ##A98A50 | #FFFFFF | #000000 | ##000000 |
|---|---|---|---|---|
| ##A98A50 | 1.00 | 3.26 | 6.44 | 6.44 |
| #FFFFFF | 3.26 | 1.00 | 21.00 | 21.00 |
| #000000 | 6.44 | 21.00 | 1.00 | 1.00 |
| ##000000 | 6.44 | 21.00 | 1.00 | 1.00 |
معاينة عمى الألوان
Protanopia (red-blind)
#978A4B
Deuteranopia (green-blind)
#9F9252
Tritanopia (blue-blind)
#B5807C
Achromatopsia (no color)
#8E8E8E
وسوم التصميم والكود
CSS
--color: #a98a50; /* rgb */ color: rgb(169, 138, 80); /* oklch */ color: oklch(65.0% 0.085 82.0);
Tailwind
colors: {
custom: {
50: '#c5ac82',
500: '#a98a50',
950: '#000000',
},
}SCSS
$custom: #a98a50; $custom-light: #c5ac82; $custom-dark: #000000;
JSON
{
"hex": "#a98a50",
"rgb": {
"r": 169,
"g": 138,
"b": 80
},
"hsl": {
"h": 39.101,
"s": 35.743,
"l": 48.824
},
"oklch": {
"l": 0.6495,
"c": 0.08506,
"h": 82
},
"luminance": 0.27191
}Semantic roles & 50–950 ramp
primary
#A98A50
secondary
#95A4C0
accent
#83CC5C
background
#FCFAF8
surface
#F8F4EF
border
#D1CECA
text
#13100A
muted
#827F7C