#A87D6E#A87D6E
#A87D6E لون فاتح وخافت من عائلة برتقالي. الإضاءة النسبية 0.241؛ OKLCH L 62.8% C 0.058 H 40.1°. أفضل لون لنص المتن هو #000000 بتباين 5.82:1 (مطابق لمعيار WCAG AA).
قيم اللون
| HEX | #A87D6E |
|---|---|
| RGB | rgb(168, 125, 110) |
| HSL | hsl(16, 25%, 55%) |
| HSV | hsv(16, 35%, 66%) |
| CMYK | cmyk(0%, 25.6%, 34.5%, 34.1%) |
| CIE-LAB | lab(56.21, 14.57, 14.69) |
| CIE-LCH | lch(56.21, 20.69, 45.23°) |
| OKLab | oklab(62.8% 0.0446 0.0376) |
| OKLCH | oklch(62.8% 0.058 40.1) |
| XYZ | xyz(26.2973, 24.1193, 18.0192) |
| Luminance | 0.2412 (WCAG relative) |
| Temperature | warm |
| Family | orange |
أقرب الألوان المُسمّاة
Pinkish Brown
#B17261
ΔE00 5.29
Reddish Grey
#997570
ΔE00 5.61
Brownish
#9C6D57
ΔE00 6.45
Brownish Pink
#C27E79
ΔE00 8.10
Clay
#B66A50
ΔE00 8.61
Rosybrown
#BC8F8F
ΔE00 9.32
المقاييس الإدراكية
الدرجات الغامقة
الدرجات الفاتحة
التدريجات
OKLCH scale
تناغمات الألوان
complementary
#A87D6E #6E99A8
analogous
#A86E7C #A87D6E #A89A6E
triadic
#A87D6E #6EA87D #7D6EA8
tetradic
#A87D6E #7CA86E #6E99A8 #9A6EA8
square
#A87D6E #7CA86E #6E99A8 #9A6EA8
split-complementary
#A87D6E #6EA89A #6E7CA8
monochromatic
#61443A #885F51 #A87D6E #BF9F94 #D6C2BB
إمكانية الوصول والتباين
On white
3.61
#A87D6E on #FFFFFF
AA ✗AA large ✓AAA ✗
On black
5.82
#A87D6E on #000000
AA ✓AA large ✓AAA ✗
أفضل لون للنص
#000000 on #A87D6E
5.82:1 — WCAG AA (نص عادي) مطابق
مصفوفة التباين
| fg \ bg | ##A87D6E | #FFFFFF | #000000 | ##000000 |
|---|---|---|---|---|
| ##A87D6E | 1.00 | 3.61 | 5.82 | 5.82 |
| #FFFFFF | 3.61 | 1.00 | 21.00 | 21.00 |
| #000000 | 5.82 | 21.00 | 1.00 | 1.00 |
| ##000000 | 5.82 | 21.00 | 1.00 | 1.00 |
معاينة عمى الألوان
Protanopia (red-blind)
#87826D
Deuteranopia (green-blind)
#918A6E
Tritanopia (blue-blind)
#B37779
Achromatopsia (no color)
#878787
وسوم التصميم والكود
CSS
--color: #a87d6e; /* rgb */ color: rgb(168, 125, 110); /* oklch */ color: oklch(62.8% 0.058 40.1);
Tailwind
colors: {
custom: {
50: '#c3a297',
500: '#a87d6e',
950: '#000000',
},
}SCSS
$custom: #a87d6e; $custom-light: #c3a297; $custom-dark: #000000;
JSON
{
"hex": "#a87d6e",
"rgb": {
"r": 168,
"g": 125,
"b": 110
},
"hsl": {
"h": 15.517,
"s": 25,
"l": 54.51
},
"oklch": {
"l": 0.62797,
"c": 0.05833,
"h": 40.1
},
"luminance": 0.24118
}Semantic roles & 50–950 ramp
primary
#A87D6E
secondary
#ADBFC5
accent
#AAC166
background
#FCFAF9
surface
#F8F3F2
border
#D1CDCC
text
#130F0D
muted
#827F7E