#A1663F#A1663F
#A1663F لون متوسط ومتوسط التشبّع من عائلة برتقالي. الإضاءة النسبية 0.174؛ OKLCH L 56.6% C 0.093 H 53.2°. أفضل لون لنص المتن هو #FFFFFF بتباين 4.68:1 (مطابق لمعيار WCAG AA).
قيم اللون
| HEX | #A1663F |
|---|---|
| RGB | rgb(161, 102, 63) |
| HSL | hsl(24, 44%, 44%) |
| HSV | hsv(24, 61%, 63%) |
| CMYK | cmyk(0%, 36.6%, 60.9%, 36.9%) |
| CIE-LAB | lab(48.81, 19.75, 31.64) |
| CIE-LCH | lch(48.81, 37.30, 58.02°) |
| OKLab | oklab(56.61% 0.0559 0.0748) |
| OKLCH | oklch(56.61% 0.093 53.2) |
| XYZ | xyz(20.3479, 17.4405, 6.9964) |
| Luminance | 0.1744 (WCAG relative) |
| Temperature | warm |
| Family | orange |
أقرب الألوان المُسمّاة
Earth
#A2653E
ΔE00 0.53
Sepia
#985E2B
ΔE00 4.73
Clay Brown
#B2713D
ΔE00 5.72
Brownish
#9C6D57
ΔE00 5.91
Copper (survey)
#B66325
ΔE00 6.28
Sienna (survey)
#A9561E
ΔE00 6.42
المقاييس الإدراكية
الدرجات الغامقة
الدرجات الفاتحة
التدريجات
OKLCH scale
تناغمات الألوان
complementary
#A1663F #3F7AA1
analogous
#A13F49 #A1663F #A1973F
triadic
#A1663F #3FA166 #663FA1
tetradic
#A1663F #49A13F #3F7AA1 #973FA1
square
#A1663F #49A13F #3F7AA1 #973FA1
split-complementary
#A1663F #3FA197 #3F49A1
monochromatic
#492E1D #754A2E #A1663F #C0855D #D1A689
إمكانية الوصول والتباين
On white
4.68
#A1663F on #FFFFFF
AA ✓AA large ✓AAA ✗
On black
4.49
#A1663F on #000000
AA ✗AA large ✓AAA ✗
أفضل لون للنص
#FFFFFF on #A1663F
4.68:1 — WCAG AA (نص عادي) مطابق
مصفوفة التباين
| fg \ bg | ##A1663F | #FFFFFF | #000000 | ##FFFFFF |
|---|---|---|---|---|
| ##A1663F | 1.00 | 4.68 | 4.49 | 4.68 |
| #FFFFFF | 4.68 | 1.00 | 21.00 | 1.00 |
| #000000 | 4.49 | 21.00 | 1.00 | 21.00 |
| ##FFFFFF | 4.68 | 1.00 | 21.00 | 1.00 |
معاينة عمى الألوان
Protanopia (red-blind)
#776C3C
Deuteranopia (green-blind)
#85793F
Tritanopia (blue-blind)
#AF5A5D
Achromatopsia (no color)
#747474
وسوم التصميم والكود
CSS
--color: #a1663f; /* rgb */ color: rgb(161, 102, 63); /* oklch */ color: oklch(56.6% 0.093 53.2);
Tailwind
colors: {
custom: {
50: '#c09275',
500: '#a1663f',
950: '#000000',
},
}SCSS
$custom: #a1663f; $custom-light: #c09275; $custom-dark: #000000;
JSON
{
"hex": "#a1663f",
"rgb": {
"r": 161,
"g": 102,
"b": 63
},
"hsl": {
"h": 23.878,
"s": 43.75,
"l": 43.922
},
"oklch": {
"l": 0.56606,
"c": 0.09337,
"h": 53.2
},
"luminance": 0.17439
}Semantic roles & 50–950 ramp
primary
#A1663F
secondary
#80A4BC
accent
#A1D354
background
#FCF8F7
surface
#F8F0ED
border
#D1CBC8
text
#130D08
muted
#827D7B