#8A733F#8A733F
#8A733F لون متوسط ومتوسط التشبّع من عائلة برتقالي. الإضاءة النسبية 0.180؛ OKLCH L 56.6% C 0.076 H 86.1°. أفضل لون لنص المتن هو #000000 بتباين 4.60:1 (مطابق لمعيار WCAG AA).
قيم اللون
| HEX | #8A733F |
|---|---|
| RGB | rgb(138, 115, 63) |
| HSL | hsl(42, 37%, 39%) |
| HSV | hsv(42, 54%, 54%) |
| CMYK | cmyk(0%, 16.7%, 54.3%, 45.9%) |
| CIE-LAB | lab(49.53, 2.06, 31.88) |
| CIE-LCH | lch(49.53, 31.95, 86.30°) |
| OKLab | oklab(56.57% 0.0052 0.0758) |
| OKLCH | oklch(56.57% 0.076 86.1) |
| XYZ | xyz(17.5099, 18.0245, 7.2585) |
| Luminance | 0.1802 (WCAG relative) |
| Temperature | warm |
| Family | orange |
أقرب الألوان المُسمّاة
Dirt
#8A6E45
ΔE00 4.11
Dull Brown
#876E4B
ΔE00 5.19
Dirt Brown
#836539
ΔE00 6.05
Grey Brown
#7F7053
ΔE00 6.58
Hazel
#8E7618
ΔE00 6.91
Muddy Brown
#886806
ΔE00 7.74
المقاييس الإدراكية
الدرجات الغامقة
الدرجات الفاتحة
التدريجات
OKLCH scale
تناغمات الألوان
complementary
#8A733F #3F568A
analogous
#8A4E3F #8A733F #7C8A3F
triadic
#8A733F #3F8A73 #733F8A
tetradic
#8A733F #3F8A4E #3F568A #8A3F7C
square
#8A733F #3F8A4E #3F568A #8A3F7C
split-complementary
#8A733F #3F7C8A #4E3F8A
monochromatic
#362D19 #60502C #8A733F #B19555 #C5AF7F
إمكانية الوصول والتباين
On white
4.56
#8A733F on #FFFFFF
AA ✓AA large ✓AAA ✗
On black
4.60
#8A733F on #000000
AA ✓AA large ✓AAA ✗
أفضل لون للنص
#000000 on #8A733F
4.60:1 — WCAG AA (نص عادي) مطابق
مصفوفة التباين
| fg \ bg | ##8A733F | #FFFFFF | #000000 | ##000000 |
|---|---|---|---|---|
| ##8A733F | 1.00 | 4.56 | 4.60 | 4.60 |
| #FFFFFF | 4.56 | 1.00 | 21.00 | 21.00 |
| #000000 | 4.60 | 21.00 | 1.00 | 1.00 |
| ##000000 | 4.60 | 21.00 | 1.00 | 1.00 |
معاينة عمى الألوان
Protanopia (red-blind)
#7E723B
Deuteranopia (green-blind)
#847841
Tritanopia (blue-blind)
#946B67
Achromatopsia (no color)
#767676
وسوم التصميم والكود
CSS
--color: #8a733f; /* rgb */ color: rgb(138, 115, 63); /* oklch */ color: oklch(56.6% 0.076 86.1);
Tailwind
colors: {
custom: {
50: '#ae9b75',
500: '#8a733f',
950: '#000000',
},
}SCSS
$custom: #8a733f; $custom-light: #ae9b75; $custom-dark: #000000;
JSON
{
"hex": "#8a733f",
"rgb": {
"r": 138,
"g": 115,
"b": 63
},
"hsl": {
"h": 41.6,
"s": 37.313,
"l": 39.412
},
"oklch": {
"l": 0.56568,
"c": 0.07599,
"h": 86.1
},
"luminance": 0.18024
}Semantic roles & 50–950 ramp
primary
#8A733F
secondary
#7687AF
accent
#7ECD5B
background
#FAF9F7
surface
#F5F2ED
border
#CFCCC8
text
#110E08
muted
#807E7B