#AA9B4F#AA9B4F
#AA9B4F لون فاتح ومتوسط التشبّع من عائلة أصفر. الإضاءة النسبية 0.326؛ OKLCH L 68.6% C 0.099 H 98.4°. أفضل لون لنص المتن هو #000000 بتباين 7.51:1 (مطابق لمعيار WCAG AA).
قيم اللون
| HEX | #AA9B4F |
|---|---|
| RGB | rgb(170, 155, 79) |
| HSL | hsl(50, 37%, 49%) |
| HSV | hsv(50, 54%, 67%) |
| CMYK | cmyk(0%, 8.8%, 53.5%, 33.3%) |
| CIE-LAB | lab(63.80, -4.62, 41.39) |
| CIE-LCH | lch(63.80, 41.65, 96.37°) |
| OKLab | oklab(68.63% -0.0144 0.0976) |
| OKLCH | oklch(68.63% 0.099 98.4) |
| XYZ | xyz(29.7112, 32.5544, 12.1142) |
| Luminance | 0.3255 (WCAG relative) |
| Temperature | warm |
| Family | yellow |
أقرب الألوان المُسمّاة
Khaki (survey)
#AAA662
ΔE00 4.75
Dark Khaki
#9B8F55
ΔE00 5.20
Dark Sand
#A88F59
ΔE00 6.60
Sandy Brown
#C4A661
ΔE00 6.67
Dark Beige
#AC9362
ΔE00 7.16
Brown Yellow
#B29705
ΔE00 7.66
المقاييس الإدراكية
الدرجات الغامقة
الدرجات الفاتحة
التدريجات
OKLCH scale
تناغمات الألوان
complementary
#AA9B4F #4F5EAA
analogous
#AA6E4F #AA9B4F #8CAA4F
triadic
#AA9B4F #4FAA9B #9B4FAA
tetradic
#AA9B4F #4FAA6E #4F5EAA #AA4F8C
square
#AA9B4F #4FAA6E #4F5EAA #AA4F8C
split-complementary
#AA9B4F #4F8CAA #6E4FAA
monochromatic
#564F28 #80753C #AA9B4F #C0B477 #D3CBA0
إمكانية الوصول والتباين
On white
2.80
#AA9B4F on #FFFFFF
AA ✗AA large ✗AAA ✗
On black
7.51
#AA9B4F on #000000
AA ✓AA large ✓AAA ✓
أفضل لون للنص
#000000 on #AA9B4F
7.51:1 — WCAG AA (نص عادي) مطابق
مصفوفة التباين
| fg \ bg | ##AA9B4F | #FFFFFF | #000000 | ##000000 |
|---|---|---|---|---|
| ##AA9B4F | 1.00 | 2.80 | 7.51 | 7.51 |
| #FFFFFF | 2.80 | 1.00 | 21.00 | 21.00 |
| #000000 | 7.51 | 21.00 | 1.00 | 1.00 |
| ##000000 | 7.51 | 21.00 | 1.00 | 1.00 |
معاينة عمى الألوان
Protanopia (red-blind)
#A89748
Deuteranopia (green-blind)
#AC9D52
Tritanopia (blue-blind)
#B6918A
Achromatopsia (no color)
#9B9B9B
وسوم التصميم والكود
CSS
--color: #aa9b4f; /* rgb */ color: rgb(170, 155, 79); /* oklch */ color: oklch(68.6% 0.099 98.4);
Tailwind
colors: {
custom: {
50: '#c5b882',
500: '#aa9b4f',
950: '#000000',
},
}SCSS
$custom: #aa9b4f; $custom-light: #c5b882; $custom-dark: #000000;
JSON
{
"hex": "#aa9b4f",
"rgb": {
"r": 170,
"g": 155,
"b": 79
},
"hsl": {
"h": 50.11,
"s": 36.546,
"l": 48.824
},
"oklch": {
"l": 0.68634,
"c": 0.09866,
"h": 98.4
},
"luminance": 0.32553
}Semantic roles & 50–950 ramp
primary
#AA9B4F
secondary
#959CC0
accent
#6ECD5B
background
#FCFBF8
surface
#F8F6EF
border
#D1D0CA
text
#13110B
muted
#82807C