#8A866B#8A866B
#8A866B لون متوسط وخافت من عائلة أصفر. الإضاءة النسبية 0.235؛ OKLCH L 61.6% C 0.039 H 100.4°. أفضل لون لنص المتن هو #000000 بتباين 5.70:1 (مطابق لمعيار WCAG AA).
قيم اللون
| HEX | #8A866B |
|---|---|
| RGB | rgb(138, 134, 107) |
| HSL | hsl(52, 13%, 48%) |
| HSV | hsv(52, 22%, 54%) |
| CMYK | cmyk(0%, 2.9%, 22.5%, 45.9%) |
| CIE-LAB | lab(55.60, -3.21, 15.11) |
| CIE-LCH | lch(55.60, 15.45, 102.00°) |
| OKLab | oklab(61.61% -0.0071 0.0386) |
| OKLCH | oklch(61.61% 0.039 100.4) |
| XYZ | xyz(21.6601, 23.5154, 17.3049) |
| Luminance | 0.2351 (WCAG relative) |
| Temperature | warm |
| Family | yellow |
أقرب الألوان المُسمّاة
Brown Grey
#8D8468
ΔE00 2.47
Taupe
#8B7D6B
ΔE00 7.60
Brownish Grey
#86775F
ΔE00 7.75
Dark Khaki
#9B8F55
ΔE00 9.04
Grey Brown
#7F7053
ΔE00 9.47
Drab
#828344
ΔE00 9.68
المقاييس الإدراكية
الدرجات الغامقة
الدرجات الفاتحة
التدريجات
OKLCH scale
تناغمات الألوان
complementary
#8A866B #6B6F8A
analogous
#8A766B #8A866B #7E8A6B
triadic
#8A866B #6B8A86 #866B8A
tetradic
#8A866B #6B8A76 #6B6F8A #8A6B7E
square
#8A866B #6B8A76 #6B6F8A #8A6B7E
split-complementary
#8A866B #6B7E8A #766B8A
monochromatic
#454336 #686550 #8A866B #A6A38C #C1BEAF
إمكانية الوصول والتباين
On white
3.68
#8A866B on #FFFFFF
AA ✗AA large ✓AAA ✗
On black
5.70
#8A866B on #000000
AA ✓AA large ✓AAA ✗
أفضل لون للنص
#000000 on #8A866B
5.70:1 — WCAG AA (نص عادي) مطابق
مصفوفة التباين
| fg \ bg | ##8A866B | #FFFFFF | #000000 | ##000000 |
|---|---|---|---|---|
| ##8A866B | 1.00 | 3.68 | 5.70 | 5.70 |
| #FFFFFF | 3.68 | 1.00 | 21.00 | 21.00 |
| #000000 | 5.70 | 21.00 | 1.00 | 1.00 |
| ##000000 | 5.70 | 21.00 | 1.00 | 1.00 |
معاينة عمى الألوان
Protanopia (red-blind)
#8B8469
Deuteranopia (green-blind)
#8D866C
Tritanopia (blue-blind)
#8F827F
Achromatopsia (no color)
#858585
وسوم التصميم والكود
CSS
--color: #8a866b; /* rgb */ color: rgb(138, 134, 107); /* oklch */ color: oklch(61.6% 0.039 100.4);
Tailwind
colors: {
custom: {
50: '#aca995',
500: '#8a866b',
950: '#000000',
},
}SCSS
$custom: #8a866b; $custom-light: #aca995; $custom-dark: #000000;
JSON
{
"hex": "#8a866b",
"rgb": {
"r": 138,
"g": 134,
"b": 107
},
"hsl": {
"h": 52.258,
"s": 12.653,
"l": 48.039
},
"oklch": {
"l": 0.61611,
"c": 0.03921,
"h": 100.4
},
"luminance": 0.23515
}Semantic roles & 50–950 ramp
primary
#8A866B
secondary
#A1A3B0
accent
#7BB672
background
#FAFAF9
surface
#F4F4F1
border
#CECECB
text
#100F0D
muted
#7F7F7E