#A48971#A48971
#A48971 لون فاتح وخافت من عائلة برتقالي. الإضاءة النسبية 0.270؛ OKLCH L 64.9% C 0.048 H 63.5°. أفضل لون لنص المتن هو #000000 بتباين 6.40:1 (مطابق لمعيار WCAG AA).
قيم اللون
| HEX | #A48971 |
|---|---|
| RGB | rgb(164, 137, 113) |
| HSL | hsl(28, 22%, 54%) |
| HSV | hsv(28, 31%, 64%) |
| CMYK | cmyk(0%, 16.5%, 31.1%, 35.7%) |
| CIE-LAB | lab(58.95, 6.57, 16.70) |
| CIE-LCH | lch(58.95, 17.95, 68.54°) |
| OKLab | oklab(64.86% 0.0212 0.0425) |
| OKLCH | oklch(64.86% 0.048 63.5) |
| XYZ | xyz(27.2366, 26.9772, 19.3920) |
| Luminance | 0.2698 (WCAG relative) |
| Temperature | warm |
| Family | orange |
أقرب الألوان المُسمّاة
Pale Brown
#B1916E
ΔE00 4.56
Mushroom
#BA9E88
ΔE00 6.91
Puce
#A57E52
ΔE00 7.11
Taupe
#8B7D6B
ΔE00 7.46
Mocha
#9D7651
ΔE00 7.83
Light Brown
#AD8150
ΔE00 7.95
المقاييس الإدراكية
الدرجات الغامقة
الدرجات الفاتحة
التدريجات
OKLCH scale
تناغمات الألوان
complementary
#A48971 #718CA4
analogous
#A47173 #A48971 #A4A271
triadic
#A48971 #71A489 #8971A4
tetradic
#A48971 #73A471 #718CA4 #A271A4
square
#A48971 #73A471 #718CA4 #A271A4
split-complementary
#A48971 #71A4A2 #7173A4
monochromatic
#5E4C3C #846B54 #A48971 #BCA896 #D4C7BC
إمكانية الوصول والتباين
On white
3.28
#A48971 on #FFFFFF
AA ✗AA large ✓AAA ✗
On black
6.40
#A48971 on #000000
AA ✓AA large ✓AAA ✗
أفضل لون للنص
#000000 on #A48971
6.40:1 — WCAG AA (نص عادي) مطابق
مصفوفة التباين
| fg \ bg | ##A48971 | #FFFFFF | #000000 | ##000000 |
|---|---|---|---|---|
| ##A48971 | 1.00 | 3.28 | 6.40 | 6.40 |
| #FFFFFF | 3.28 | 1.00 | 21.00 | 21.00 |
| #000000 | 6.40 | 21.00 | 1.00 | 1.00 |
| ##000000 | 6.40 | 21.00 | 1.00 | 1.00 |
معاينة عمى الألوان
Protanopia (red-blind)
#928A6F
Deuteranopia (green-blind)
#989071
Tritanopia (blue-blind)
#AD8382
Achromatopsia (no color)
#8E8E8E
وسوم التصميم والكود
CSS
--color: #a48971; /* rgb */ color: rgb(164, 137, 113); /* oklch */ color: oklch(64.9% 0.048 63.5);
Tailwind
colors: {
custom: {
50: '#c0ab9a',
500: '#a48971',
950: '#000000',
},
}SCSS
$custom: #a48971; $custom-light: #c0ab9a; $custom-dark: #000000;
JSON
{
"hex": "#a48971",
"rgb": {
"r": 164,
"g": 137,
"b": 113
},
"hsl": {
"h": 28.235,
"s": 21.888,
"l": 54.314
},
"oklch": {
"l": 0.64863,
"c": 0.04752,
"h": 63.5
},
"luminance": 0.26976
}Semantic roles & 50–950 ramp
primary
#A48971
secondary
#AEB9C3
accent
#96BE69
background
#FBFAF9
surface
#F7F4F2
border
#D0CECC
text
#12100E
muted
#817F7E