#8D7868#8D7868
#8D7868 لون متوسط وخافت من عائلة برتقالي. الإضاءة النسبية 0.201؛ OKLCH L 58.8% C 0.035 H 59.3°. أفضل لون لنص المتن هو #000000 بتباين 5.02:1 (مطابق لمعيار WCAG AA).
قيم اللون
| HEX | #8D7868 |
|---|---|
| RGB | rgb(141, 120, 104) |
| HSL | hsl(26, 15%, 48%) |
| HSV | hsv(26, 26%, 55%) |
| CMYK | cmyk(0%, 14.9%, 26.2%, 44.7%) |
| CIE-LAB | lab(51.95, 5.51, 11.81) |
| CIE-LCH | lch(51.95, 13.03, 64.97°) |
| OKLab | oklab(58.78% 0.018 0.0304) |
| OKLCH | oklch(58.78% 0.035 59.3) |
| XYZ | xyz(20.1999, 20.0958, 15.9089) |
| Luminance | 0.2009 (WCAG relative) |
| Temperature | warm |
| Family | orange |
أقرب الألوان المُسمّاة
Taupe
#8B7D6B
ΔE00 4.17
Brownish Grey
#86775F
ΔE00 5.64
Dark Taupe
#7F684E
ΔE00 7.58
Warm Grey
#978A84
ΔE00 7.99
Mocha
#9D7651
ΔE00 8.08
Dull Brown
#876E4B
ΔE00 8.09
المقاييس الإدراكية
الدرجات الغامقة
الدرجات الفاتحة
التدريجات
OKLCH scale
تناغمات الألوان
complementary
#8D7868 #687D8D
analogous
#8D686A #8D7868 #8D8A68
triadic
#8D7868 #688D78 #78688D
tetradic
#8D7868 #6A8D68 #687D8D #8A688D
square
#8D7868 #6A8D68 #687D8D #8A688D
split-complementary
#8D7868 #688D8A #686A8D
monochromatic
#473C34 #6A5A4E #8D7868 #A8978A #C2B6AD
إمكانية الوصول والتباين
On white
4.18
#8D7868 on #FFFFFF
AA ✗AA large ✓AAA ✗
On black
5.02
#8D7868 on #000000
AA ✓AA large ✓AAA ✗
أفضل لون للنص
#000000 on #8D7868
5.02:1 — WCAG AA (نص عادي) مطابق
مصفوفة التباين
| fg \ bg | ##8D7868 | #FFFFFF | #000000 | ##000000 |
|---|---|---|---|---|
| ##8D7868 | 1.00 | 4.18 | 5.02 | 5.02 |
| #FFFFFF | 4.18 | 1.00 | 21.00 | 21.00 |
| #000000 | 5.02 | 21.00 | 1.00 | 1.00 |
| ##000000 | 5.02 | 21.00 | 1.00 | 1.00 |
معاينة عمى الألوان
Protanopia (red-blind)
#7E7967
Deuteranopia (green-blind)
#837E68
Tritanopia (blue-blind)
#947474
Achromatopsia (no color)
#7C7C7C
وسوم التصميم والكود
CSS
--color: #8d7868; /* rgb */ color: rgb(141, 120, 104); /* oklch */ color: oklch(58.8% 0.035 59.3);
Tailwind
colors: {
custom: {
50: '#af9f93',
500: '#8d7868',
950: '#000000',
},
}SCSS
$custom: #8d7868; $custom-light: #af9f93; $custom-dark: #000000;
JSON
{
"hex": "#8d7868",
"rgb": {
"r": 141,
"g": 120,
"b": 104
},
"hsl": {
"h": 25.946,
"s": 15.102,
"l": 48.039
},
"oklch": {
"l": 0.58783,
"c": 0.03533,
"h": 59.3
},
"luminance": 0.20095
}Semantic roles & 50–950 ramp
primary
#8D7868
secondary
#9FAAB2
accent
#99B870
background
#FAF9F9
surface
#F4F2F1
border
#CECCCB
text
#100E0D
muted
#7F7E7E