#A1663A#A1663A
#A1663A لون متوسط ومتوسط التشبّع من عائلة برتقالي. الإضاءة النسبية 0.174؛ OKLCH L 56.5% C 0.097 H 56.0°. أفضل لون لنص المتن هو #FFFFFF بتباين 4.69:1 (مطابق لمعيار WCAG AA).
قيم اللون
| HEX | #A1663A |
|---|---|
| RGB | rgb(161, 102, 58) |
| HSL | hsl(26, 47%, 43%) |
| HSV | hsv(26, 64%, 63%) |
| CMYK | cmyk(0%, 36.6%, 64%, 36.9%) |
| CIE-LAB | lab(48.74, 19.38, 34.30) |
| CIE-LCH | lch(48.74, 39.40, 60.53°) |
| OKLab | oklab(56.53% 0.054 0.08) |
| OKLCH | oklch(56.53% 0.097 56) |
| XYZ | xyz(20.2145, 17.3872, 6.2936) |
| Luminance | 0.1739 (WCAG relative) |
| Temperature | warm |
| Family | orange |
أقرب الألوان المُسمّاة
Earth
#A2653E
ΔE00 1.73
Sepia
#985E2B
ΔE00 3.76
Clay Brown
#B2713D
ΔE00 5.17
Copper (survey)
#B66325
ΔE00 5.66
Sienna (survey)
#A9561E
ΔE00 6.11
Raw Umber
#A75E09
ΔE00 6.84
المقاييس الإدراكية
الدرجات الغامقة
الدرجات الفاتحة
التدريجات
OKLCH scale
تناغمات الألوان
complementary
#A1663A #3A75A1
analogous
#A13A41 #A1663A #A1993A
triadic
#A1663A #3AA166 #663AA1
tetradic
#A1663A #41A13A #3A75A1 #993AA1
square
#A1663A #41A13A #3A75A1 #993AA1
split-complementary
#A1663A #3AA199 #3A41A1
monochromatic
#472D1A #74492A #A1663A #C28456 #D2A583
إمكانية الوصول والتباين
On white
4.69
#A1663A on #FFFFFF
AA ✓AA large ✓AAA ✗
On black
4.48
#A1663A on #000000
AA ✗AA large ✓AAA ✗
أفضل لون للنص
#FFFFFF on #A1663A
4.69:1 — WCAG AA (نص عادي) مطابق
مصفوفة التباين
| fg \ bg | ##A1663A | #FFFFFF | #000000 | ##FFFFFF |
|---|---|---|---|---|
| ##A1663A | 1.00 | 4.69 | 4.48 | 4.69 |
| #FFFFFF | 4.69 | 1.00 | 21.00 | 1.00 |
| #000000 | 4.48 | 21.00 | 1.00 | 21.00 |
| ##FFFFFF | 4.69 | 1.00 | 21.00 | 1.00 |
معاينة عمى الألوان
Protanopia (red-blind)
#776C36
Deuteranopia (green-blind)
#85793A
Tritanopia (blue-blind)
#AF5A5C
Achromatopsia (no color)
#747474
وسوم التصميم والكود
CSS
--color: #a1663a; /* rgb */ color: rgb(161, 102, 58); /* oklch */ color: oklch(56.5% 0.097 56.0);
Tailwind
colors: {
custom: {
50: '#c19271',
500: '#a1663a',
950: '#000000',
},
}SCSS
$custom: #a1663a; $custom-light: #c19271; $custom-dark: #000000;
JSON
{
"hex": "#a1663a",
"rgb": {
"r": 161,
"g": 102,
"b": 58
},
"hsl": {
"h": 25.631,
"s": 47.032,
"l": 42.941
},
"oklch": {
"l": 0.56533,
"c": 0.09653,
"h": 56
},
"luminance": 0.17385
}Semantic roles & 50–950 ramp
primary
#A1663A
secondary
#7BA0BC
accent
#9ED751
background
#FCF8F6
surface
#F8F0EC
border
#D1CBC7
text
#130D08
muted
#827D7B