#898445#898445
#898445 لون متوسط ومتوسط التشبّع من عائلة أصفر. الإضاءة النسبية 0.223؛ OKLCH L 60.3% C 0.085 H 104.6°. أفضل لون لنص المتن هو #000000 بتباين 5.45:1 (مطابق لمعيار WCAG AA).
قيم اللون
| HEX | #898445 |
|---|---|
| RGB | rgb(137, 132, 69) |
| HSL | hsl(56, 33%, 40%) |
| HSV | hsv(56, 50%, 54%) |
| CMYK | cmyk(0%, 3.6%, 49.6%, 46.3%) |
| CIE-LAB | lab(54.29, -7.37, 34.43) |
| CIE-LCH | lch(54.29, 35.21, 102.09°) |
| OKLab | oklab(60.34% -0.0214 0.082) |
| OKLCH | oklch(60.34% 0.085 104.6) |
| XYZ | xyz(19.6425, 22.2511, 8.8893) |
| Luminance | 0.2225 (WCAG relative) |
| Temperature | warm |
| Family | yellow |
أقرب الألوان المُسمّاة
Drab
#828344
ΔE00 2.14
Dark Khaki
#9B8F55
ΔE00 5.19
Camo
#7F8F4E
ΔE00 6.85
Khaki Green
#728639
ΔE00 7.45
Olive Drab
#6F7632
ΔE00 7.53
Olive
#808000
ΔE00 7.77
المقاييس الإدراكية
الدرجات الغامقة
الدرجات الفاتحة
التدريجات
OKLCH scale
تناغمات الألوان
complementary
#898445 #454A89
analogous
#896245 #898445 #6C8945
triadic
#898445 #458984 #844589
tetradic
#898445 #458962 #454A89 #89456C
square
#898445 #458962 #454A89 #89456C
split-complementary
#898445 #456C89 #624589
monochromatic
#38361C #605D31 #898445 #AEA85E #C2BE86
إمكانية الوصول والتباين
On white
3.85
#898445 on #FFFFFF
AA ✗AA large ✓AAA ✗
On black
5.45
#898445 on #000000
AA ✓AA large ✓AAA ✗
أفضل لون للنص
#000000 on #898445
5.45:1 — WCAG AA (نص عادي) مطابق
مصفوفة التباين
| fg \ bg | ##898445 | #FFFFFF | #000000 | ##000000 |
|---|---|---|---|---|
| ##898445 | 1.00 | 3.85 | 5.45 | 5.45 |
| #FFFFFF | 3.85 | 1.00 | 21.00 | 21.00 |
| #000000 | 5.45 | 21.00 | 1.00 | 1.00 |
| ##000000 | 5.45 | 21.00 | 1.00 | 1.00 |
معاينة عمى الألوان
Protanopia (red-blind)
#8E8040
Deuteranopia (green-blind)
#908348
Tritanopia (blue-blind)
#927D75
Achromatopsia (no color)
#828282
وسوم التصميم والكود
CSS
--color: #898445; /* rgb */ color: rgb(137, 132, 69); /* oklch */ color: oklch(60.3% 0.085 104.6);
Tailwind
colors: {
custom: {
50: '#ada77a',
500: '#898445',
950: '#000000',
},
}SCSS
$custom: #898445; $custom-light: #ada77a; $custom-dark: #000000;
JSON
{
"hex": "#898445",
"rgb": {
"r": 137,
"g": 132,
"b": 69
},
"hsl": {
"h": 55.588,
"s": 33.01,
"l": 40.392
},
"oklch": {
"l": 0.60341,
"c": 0.08472,
"h": 104.6
},
"luminance": 0.22251
}Semantic roles & 50–950 ramp
primary
#898445
secondary
#7C80AD
accent
#66C95F
background
#FAFAF7
surface
#F4F4EE
border
#CECEC9
text
#100F09
muted
#7F7F7B