#AA524E#AA524E
#AA524E لون متوسط ومتوسط التشبّع من عائلة أحمر. الإضاءة النسبية 0.151؛ OKLCH L 54.7% C 0.116 H 24.3°. أفضل لون لنص المتن هو #FFFFFF بتباين 5.22:1 (مطابق لمعيار WCAG AA).
قيم اللون
| HEX | #AA524E |
|---|---|
| RGB | rgb(170, 82, 78) |
| HSL | hsl(3, 37%, 49%) |
| HSV | hsv(3, 54%, 67%) |
| CMYK | cmyk(0%, 51.8%, 54.1%, 33.3%) |
| CIE-LAB | lab(45.82, 35.69, 19.38) |
| CIE-LCH | lch(45.82, 40.61, 28.51°) |
| OKLab | oklab(54.65% 0.1062 0.0479) |
| OKLCH | oklch(54.65% 0.116 24.3) |
| XYZ | xyz(20.9716, 15.1330, 9.0228) |
| Luminance | 0.1513 (WCAG relative) |
| Temperature | warm |
| Family | red |
أقرب الألوان المُسمّاة
Dusty Red
#B9484E
ΔE00 3.98
Dull Red
#BB3F3F
ΔE00 5.21
Reddish
#C44240
ΔE00 6.05
Dark Salmon
#C85A53
ΔE00 7.08
Light Maroon
#A24857
ΔE00 7.15
Dark Rose
#B5485D
ΔE00 7.54
المقاييس الإدراكية
الدرجات الغامقة
الدرجات الفاتحة
التدريجات
OKLCH scale
تناغمات الألوان
complementary
#AA524E #4EA6AA
analogous
#AA4E78 #AA524E #AA804E
triadic
#AA524E #4EAA52 #524EAA
tetradic
#AA524E #78AA4E #4EA6AA #804EAA
square
#AA524E #78AA4E #4EA6AA #804EAA
split-complementary
#AA524E #4EAA80 #4E78AA
monochromatic
#562A28 #803E3B #AA524E #C07975 #D3A29F
إمكانية الوصول والتباين
On white
5.22
#AA524E on #FFFFFF
AA ✓AA large ✓AAA ✗
On black
4.03
#AA524E on #000000
AA ✗AA large ✓AAA ✗
أفضل لون للنص
#FFFFFF on #AA524E
5.22:1 — WCAG AA (نص عادي) مطابق
مصفوفة التباين
| fg \ bg | ##AA524E | #FFFFFF | #000000 | ##FFFFFF |
|---|---|---|---|---|
| ##AA524E | 1.00 | 5.22 | 4.03 | 5.22 |
| #FFFFFF | 5.22 | 1.00 | 21.00 | 1.00 |
| #000000 | 4.03 | 21.00 | 1.00 | 21.00 |
| ##FFFFFF | 5.22 | 1.00 | 21.00 | 1.00 |
معاينة عمى الألوان
Protanopia (red-blind)
#67614D
Deuteranopia (green-blind)
#7C734C
Tritanopia (blue-blind)
#B94452
Achromatopsia (no color)
#6C6C6C
وسوم التصميم والكود
CSS
--color: #aa524e; /* rgb */ color: rgb(170, 82, 78); /* oklch */ color: oklch(54.7% 0.116 24.3);
Tailwind
colors: {
custom: {
50: '#c8857f',
500: '#aa524e',
950: '#000000',
},
}SCSS
$custom: #aa524e; $custom-light: #c8857f; $custom-dark: #000000;
JSON
{
"hex": "#aa524e",
"rgb": {
"r": 170,
"g": 82,
"b": 78
},
"hsl": {
"h": 2.609,
"s": 37.097,
"l": 48.627
},
"oklch": {
"l": 0.54654,
"c": 0.11649,
"h": 24.3
},
"luminance": 0.15131
}Semantic roles & 50–950 ramp
primary
#AA524E
secondary
#94BEC0
accent
#C8CD5B
background
#FCF8F7
surface
#F9EFEE
border
#D2CAC9
text
#140B0A
muted
#827C7C