#96834A#96834A
#96834A لون متوسط ومتوسط التشبّع من عائلة أصفر. الإضاءة النسبية 0.232؛ OKLCH L 61.4% C 0.080 H 91.5°. أفضل لون لنص المتن هو #000000 بتباين 5.64:1 (مطابق لمعيار WCAG AA).
قيم اللون
| HEX | #96834A |
|---|---|
| RGB | rgb(150, 131, 74) |
| HSL | hsl(45, 34%, 44%) |
| HSV | hsv(45, 51%, 59%) |
| CMYK | cmyk(0%, 12.7%, 50.7%, 41.2%) |
| CIE-LAB | lab(55.29, -0.61, 33.28) |
| CIE-LCH | lch(55.29, 33.28, 91.05°) |
| OKLab | oklab(61.44% -0.0021 0.0797) |
| OKLCH | oklch(61.44% 0.08 91.5) |
| XYZ | xyz(21.9308, 23.2120, 9.8024) |
| Luminance | 0.2321 (WCAG relative) |
| Temperature | warm |
| Family | yellow |
أقرب الألوان المُسمّاة
Dark Khaki
#9B8F55
ΔE00 4.48
Dark Sand
#A88F59
ΔE00 5.20
Coffee
#A6814C
ΔE00 6.59
Dark Beige
#AC9362
ΔE00 6.82
Drab
#828344
ΔE00 7.19
Dark Tan
#AF884A
ΔE00 7.25
المقاييس الإدراكية
الدرجات الغامقة
الدرجات الفاتحة
التدريجات
OKLCH scale
تناغمات الألوان
complementary
#96834A #4A5D96
analogous
#965D4A #96834A #83964A
triadic
#96834A #4A9683 #834A96
tetradic
#96834A #4A965D #4A5D96 #964A83
square
#96834A #4A965D #4A5D96 #964A83
split-complementary
#96834A #4A8396 #5D4A96
monochromatic
#443B22 #6D5F36 #96834A #B5A268 #C9BB91
إمكانية الوصول والتباين
On white
3.72
#96834A on #FFFFFF
AA ✗AA large ✓AAA ✗
On black
5.64
#96834A on #000000
AA ✓AA large ✓AAA ✗
أفضل لون للنص
#000000 on #96834A
5.64:1 — WCAG AA (نص عادي) مطابق
مصفوفة التباين
| fg \ bg | ##96834A | #FFFFFF | #000000 | ##000000 |
|---|---|---|---|---|
| ##96834A | 1.00 | 3.72 | 5.64 | 5.64 |
| #FFFFFF | 3.72 | 1.00 | 21.00 | 21.00 |
| #000000 | 5.64 | 21.00 | 1.00 | 1.00 |
| ##000000 | 5.64 | 21.00 | 1.00 | 1.00 |
معاينة عمى الألوان
Protanopia (red-blind)
#8E8145
Deuteranopia (green-blind)
#93874C
Tritanopia (blue-blind)
#A07B75
Achromatopsia (no color)
#848484
وسوم التصميم والكود
CSS
--color: #96834a; /* rgb */ color: rgb(150, 131, 74); /* oklch */ color: oklch(61.4% 0.080 91.5);
Tailwind
colors: {
custom: {
50: '#b7a67e',
500: '#96834a',
950: '#000000',
},
}SCSS
$custom: #96834a; $custom-light: #b7a67e; $custom-dark: #000000;
JSON
{
"hex": "#96834a",
"rgb": {
"r": 150,
"g": 131,
"b": 74
},
"hsl": {
"h": 45,
"s": 33.929,
"l": 43.922
},
"oklch": {
"l": 0.61441,
"c": 0.07968,
"h": 91.5
},
"luminance": 0.23211
}Semantic roles & 50–950 ramp
primary
#96834A
secondary
#8792B5
accent
#79CA5E
background
#FBFAF7
surface
#F6F4EE
border
#D0CEC9
text
#110F0A
muted
#807F7C