#AA9863#AA9863
#AA9863 لون فاتح ومتوسط التشبّع من عائلة برتقالي. الإضاءة النسبية 0.319؛ OKLCH L 68.3% C 0.074 H 91.4°. أفضل لون لنص المتن هو #000000 بتباين 7.38:1 (مطابق لمعيار WCAG AA).
قيم اللون
| HEX | #AA9863 |
|---|---|
| RGB | rgb(170, 152, 99) |
| HSL | hsl(45, 29%, 53%) |
| HSV | hsv(45, 42%, 67%) |
| CMYK | cmyk(0%, 10.6%, 41.8%, 33.3%) |
| CIE-LAB | lab(63.26, -1.00, 30.30) |
| CIE-LCH | lch(63.26, 30.32, 91.89°) |
| OKLab | oklab(68.3% -0.0018 0.0743) |
| OKLCH | oklch(68.3% 0.074 91.4) |
| XYZ | xyz(30.0587, 31.9045, 16.3768) |
| Luminance | 0.3190 (WCAG relative) |
| Temperature | warm |
| Family | orange |
أقرب الألوان المُسمّاة
Dark Beige
#AC9362
ΔE00 3.09
Dark Sand
#A88F59
ΔE00 3.48
Dust
#B2996E
ΔE00 4.17
Dark Khaki
#9B8F55
ΔE00 4.25
Sandy Brown
#C4A661
ΔE00 6.56
Khaki (survey)
#AAA662
ΔE00 6.58
المقاييس الإدراكية
الدرجات الغامقة
الدرجات الفاتحة
التدريجات
OKLCH scale
تناغمات الألوان
complementary
#AA9863 #6375AA
analogous
#AA7463 #AA9863 #98AA63
triadic
#AA9863 #63AA98 #9863AA
tetradic
#AA9863 #63AA74 #6375AA #AA6398
square
#AA9863 #63AA74 #6375AA #AA6398
split-complementary
#AA9863 #6398AA #7463AA
monochromatic
#5F5434 #877749 #AA9863 #C0B28B #D5CCB2
إمكانية الوصول والتباين
On white
2.85
#AA9863 on #FFFFFF
AA ✗AA large ✗AAA ✗
On black
7.38
#AA9863 on #000000
AA ✓AA large ✓AAA ✓
أفضل لون للنص
#000000 on #AA9863
7.38:1 — WCAG AA (نص عادي) مطابق
مصفوفة التباين
| fg \ bg | ##AA9863 | #FFFFFF | #000000 | ##000000 |
|---|---|---|---|---|
| ##AA9863 | 1.00 | 2.85 | 7.38 | 7.38 |
| #FFFFFF | 2.85 | 1.00 | 21.00 | 21.00 |
| #000000 | 7.38 | 21.00 | 1.00 | 1.00 |
| ##000000 | 7.38 | 21.00 | 1.00 | 1.00 |
معاينة عمى الألوان
Protanopia (red-blind)
#A3965F
Deuteranopia (green-blind)
#A89B65
Tritanopia (blue-blind)
#B4908B
Achromatopsia (no color)
#999999
وسوم التصميم والكود
CSS
--color: #aa9863; /* rgb */ color: rgb(170, 152, 99); /* oklch */ color: oklch(68.3% 0.074 91.4);
Tailwind
colors: {
custom: {
50: '#c4b690',
500: '#aa9863',
950: '#000000',
},
}SCSS
$custom: #aa9863; $custom-light: #c4b690; $custom-dark: #000000;
JSON
{
"hex": "#aa9863",
"rgb": {
"r": 170,
"g": 152,
"b": 99
},
"hsl": {
"h": 44.789,
"s": 29.461,
"l": 52.745
},
"oklch": {
"l": 0.68302,
"c": 0.07427,
"h": 91.4
},
"luminance": 0.31903
}Semantic roles & 50–950 ramp
primary
#AA9863
secondary
#A5ADC4
accent
#7BC662
background
#FCFBF8
surface
#F8F6F0
border
#D1D0CB
text
#13110C
muted
#82807D