#A96A5F#A96A5F
#A96A5F لون متوسط ومتوسط التشبّع من عائلة أحمر. الإضاءة النسبية 0.196؛ OKLCH L 59.0% C 0.083 H 30.5°. أفضل لون لنص المتن هو #000000 بتباين 4.91:1 (مطابق لمعيار WCAG AA).
قيم اللون
| HEX | #A96A5F |
|---|---|
| RGB | rgb(169, 106, 95) |
| HSL | hsl(9, 30%, 52%) |
| HSV | hsv(9, 44%, 66%) |
| CMYK | cmyk(0%, 37.3%, 43.8%, 33.7%) |
| CIE-LAB | lab(51.35, 23.89, 16.74) |
| CIE-LCH | lch(51.35, 29.17, 35.01°) |
| OKLab | oklab(58.96% 0.0718 0.0423) |
| OKLCH | oklch(58.96% 0.083 30.5) |
| XYZ | xyz(23.5830, 19.5712, 13.3598) |
| Luminance | 0.1957 (WCAG relative) |
| Temperature | warm |
| Family | red |
أقرب الألوان المُسمّاة
Pinkish Brown
#B17261
ΔE00 3.68
Clay
#B66A50
ΔE00 5.95
Brownish
#9C6D57
ΔE00 6.54
Reddish Grey
#997570
ΔE00 7.27
Dark Salmon
#C85A53
ΔE00 7.90
Brownish Pink
#C27E79
ΔE00 8.27
المقاييس الإدراكية
الدرجات الغامقة
الدرجات الفاتحة
التدريجات
OKLCH scale
تناغمات الألوان
complementary
#A96A5F #5F9EA9
analogous
#A95F79 #A96A5F #A98F5F
triadic
#A96A5F #5FA96A #6A5FA9
tetradic
#A96A5F #79A95F #5F9EA9 #8F5FA9
square
#A96A5F #79A95F #5F9EA9 #8F5FA9
split-complementary
#A96A5F #5FA98F #5F79A9
monochromatic
#5C3832 #845047 #A96A5F #BE8F87 #D4B4AF
إمكانية الوصول والتباين
On white
4.27
#A96A5F on #FFFFFF
AA ✗AA large ✓AAA ✗
On black
4.91
#A96A5F on #000000
AA ✓AA large ✓AAA ✗
أفضل لون للنص
#000000 on #A96A5F
4.91:1 — WCAG AA (نص عادي) مطابق
مصفوفة التباين
| fg \ bg | ##A96A5F | #FFFFFF | #000000 | ##000000 |
|---|---|---|---|---|
| ##A96A5F | 1.00 | 4.27 | 4.91 | 4.91 |
| #FFFFFF | 4.27 | 1.00 | 21.00 | 21.00 |
| #000000 | 4.91 | 21.00 | 1.00 | 1.00 |
| ##000000 | 4.91 | 21.00 | 1.00 | 1.00 |
معاينة عمى الألوان
Protanopia (red-blind)
#78735E
Deuteranopia (green-blind)
#877F5E
Tritanopia (blue-blind)
#B66167
Achromatopsia (no color)
#7A7A7A
وسوم التصميم والكود
CSS
--color: #a96a5f; /* rgb */ color: rgb(169, 106, 95); /* oklch */ color: oklch(59.0% 0.083 30.5);
Tailwind
colors: {
custom: {
50: '#c5958c',
500: '#a96a5f',
950: '#000000',
},
}SCSS
$custom: #a96a5f; $custom-light: #c5958c; $custom-dark: #000000;
JSON
{
"hex": "#a96a5f",
"rgb": {
"r": 169,
"g": 106,
"b": 95
},
"hsl": {
"h": 8.919,
"s": 30.081,
"l": 51.765
},
"oklch": {
"l": 0.58964,
"c": 0.0833,
"h": 30.5
},
"luminance": 0.19569
}Semantic roles & 50–950 ramp
primary
#A96A5F
secondary
#A2BDC2
accent
#B7C661
background
#FCF9F8
surface
#F8F1F0
border
#D1CBCB
text
#130D0C
muted
#827E7D