#805F4E#805F4E
#805F4E لون متوسط وخافت من عائلة برتقالي. الإضاءة النسبية 0.133؛ OKLCH L 51.5% C 0.051 H 48.4°. أفضل لون لنص المتن هو #FFFFFF بتباين 5.73:1 (مطابق لمعيار WCAG AA).
قيم اللون
| HEX | #805F4E |
|---|---|
| RGB | rgb(128, 95, 78) |
| HSL | hsl(20, 24%, 40%) |
| HSV | hsv(20, 39%, 50%) |
| CMYK | cmyk(0%, 25.8%, 39.1%, 49.8%) |
| CIE-LAB | lab(43.25, 10.98, 14.96) |
| CIE-LCH | lch(43.25, 18.56, 53.72°) |
| OKLab | oklab(51.49% 0.0335 0.0378) |
| OKLCH | oklch(51.49% 0.051 48.4) |
| XYZ | xyz(14.3699, 13.3245, 9.0212) |
| Luminance | 0.1332 (WCAG relative) |
| Temperature | warm |
| Family | orange |
أقرب الألوان المُسمّاة
Cocoa
#875F42
ΔE00 4.58
Dark Taupe
#7F684E
ΔE00 7.24
Brownish
#9C6D57
ΔE00 7.85
Umber
#635147
ΔE00 8.45
Dull Brown
#876E4B
ΔE00 10.15
Earth
#A2653E
ΔE00 10.20
المقاييس الإدراكية
الدرجات الغامقة
الدرجات الفاتحة
التدريجات
OKLCH scale
تناغمات الألوان
complementary
#805F4E #4E6F80
analogous
#804E56 #805F4E #80784E
triadic
#805F4E #4E805F #5F4E80
tetradic
#805F4E #56804E #4E6F80 #784E80
square
#805F4E #56804E #4E6F80 #784E80
split-complementary
#805F4E #4E8078 #4E5680
monochromatic
#342720 #5A4337 #805F4E #A37C68 #BA9D8E
إمكانية الوصول والتباين
On white
5.73
#805F4E on #FFFFFF
AA ✓AA large ✓AAA ✗
On black
3.66
#805F4E on #000000
AA ✗AA large ✓AAA ✗
أفضل لون للنص
#FFFFFF on #805F4E
5.73:1 — WCAG AA (نص عادي) مطابق
مصفوفة التباين
| fg \ bg | ##805F4E | #FFFFFF | #000000 | ##FFFFFF |
|---|---|---|---|---|
| ##805F4E | 1.00 | 5.73 | 3.66 | 5.73 |
| #FFFFFF | 5.73 | 1.00 | 21.00 | 1.00 |
| #000000 | 3.66 | 21.00 | 1.00 | 21.00 |
| ##FFFFFF | 5.73 | 1.00 | 21.00 | 1.00 |
معاينة عمى الألوان
Protanopia (red-blind)
#68624D
Deuteranopia (green-blind)
#6F694E
Tritanopia (blue-blind)
#89595A
Achromatopsia (no color)
#666666
وسوم التصميم والكود
CSS
--color: #805f4e; /* rgb */ color: rgb(128, 95, 78); /* oklch */ color: oklch(51.5% 0.051 48.4);
Tailwind
colors: {
custom: {
50: '#a68c7f',
500: '#805f4e',
950: '#000000',
},
}SCSS
$custom: #805f4e; $custom-light: #a68c7f; $custom-dark: #000000;
JSON
{
"hex": "#805f4e",
"rgb": {
"r": 128,
"g": 95,
"b": 78
},
"hsl": {
"h": 20.4,
"s": 24.272,
"l": 40.392
},
"oklch": {
"l": 0.51489,
"c": 0.05053,
"h": 48.4
},
"luminance": 0.13324
}Semantic roles & 50–950 ramp
primary
#805F4E
secondary
#839BA7
accent
#A2C167
background
#FAF8F7
surface
#F4F0EE
border
#CECBC9
text
#0F0C0A
muted
#7F7D7C