#AA6E61#AA6E61
#AA6E61 لون متوسط ومتوسط التشبّع من عائلة أحمر. الإضاءة النسبية 0.206؛ OKLCH L 59.9% C 0.080 H 32.8°. أفضل لون لنص المتن هو #000000 بتباين 5.11:1 (مطابق لمعيار WCAG AA).
قيم اللون
| HEX | #AA6E61 |
|---|---|
| RGB | rgb(170, 110, 97) |
| HSL | hsl(11, 30%, 52%) |
| HSV | hsv(11, 43%, 67%) |
| CMYK | cmyk(0%, 35.3%, 42.9%, 33.3%) |
| CIE-LAB | lab(52.47, 22.27, 17.11) |
| CIE-LCH | lch(52.47, 28.09, 37.53°) |
| OKLab | oklab(59.87% 0.067 0.0432) |
| OKLCH | oklch(59.87% 0.08 32.8) |
| XYZ | xyz(24.3123, 20.5629, 13.9955) |
| Luminance | 0.2056 (WCAG relative) |
| Temperature | warm |
| Family | red |
أقرب الألوان المُسمّاة
Pinkish Brown
#B17261
ΔE00 2.35
Clay
#B66A50
ΔE00 5.40
Brownish
#9C6D57
ΔE00 5.77
Reddish Grey
#997570
ΔE00 6.76
Brownish Pink
#C27E79
ΔE00 7.65
Adobe
#BD6C48
ΔE00 8.38
المقاييس الإدراكية
الدرجات الغامقة
الدرجات الفاتحة
التدريجات
OKLCH scale
تناغمات الألوان
complementary
#AA6E61 #619DAA
analogous
#AA6179 #AA6E61 #AA9361
triadic
#AA6E61 #61AA6E #6E61AA
tetradic
#AA6E61 #79AA61 #619DAA #9361AA
square
#AA6E61 #79AA61 #619DAA #9361AA
split-complementary
#AA6E61 #61AA93 #6179AA
monochromatic
#5E3A33 #865348 #AA6E61 #BF9389 #D5B7B1
إمكانية الوصول والتباين
On white
4.11
#AA6E61 on #FFFFFF
AA ✗AA large ✓AAA ✗
On black
5.11
#AA6E61 on #000000
AA ✓AA large ✓AAA ✗
أفضل لون للنص
#000000 on #AA6E61
5.11:1 — WCAG AA (نص عادي) مطابق
مصفوفة التباين
| fg \ bg | ##AA6E61 | #FFFFFF | #000000 | ##000000 |
|---|---|---|---|---|
| ##AA6E61 | 1.00 | 4.11 | 5.11 | 5.11 |
| #FFFFFF | 4.11 | 1.00 | 21.00 | 21.00 |
| #000000 | 5.11 | 21.00 | 1.00 | 1.00 |
| ##000000 | 5.11 | 21.00 | 1.00 | 1.00 |
معاينة عمى الألوان
Protanopia (red-blind)
#7C7660
Deuteranopia (green-blind)
#8A8260
Tritanopia (blue-blind)
#B7656B
Achromatopsia (no color)
#7D7D7D
وسوم التصميم والكود
CSS
--color: #aa6e61; /* rgb */ color: rgb(170, 110, 97); /* oklch */ color: oklch(59.9% 0.080 32.8);
Tailwind
colors: {
custom: {
50: '#c5988e',
500: '#aa6e61',
950: '#000000',
},
}SCSS
$custom: #aa6e61; $custom-light: #c5988e; $custom-dark: #000000;
JSON
{
"hex": "#aa6e61",
"rgb": {
"r": 170,
"g": 110,
"b": 97
},
"hsl": {
"h": 10.685,
"s": 30.041,
"l": 52.353
},
"oklch": {
"l": 0.59866,
"c": 0.07971,
"h": 32.8
},
"luminance": 0.20561
}Semantic roles & 50–950 ramp
primary
#AA6E61
secondary
#A4BEC3
accent
#B4C662
background
#FCF9F8
surface
#F8F2F0
border
#D1CCCB
text
#130D0C
muted
#827E7D