#7E5341#7E5341
#7E5341 لون متوسط ومتوسط التشبّع من عائلة برتقالي. الإضاءة النسبية 0.110؛ OKLCH L 48.5% C 0.064 H 43.5°. أفضل لون لنص المتن هو #FFFFFF بتباين 6.56:1 (مطابق لمعيار WCAG AA).
قيم اللون
| HEX | #7E5341 |
|---|---|
| RGB | rgb(126, 83, 65) |
| HSL | hsl(18, 32%, 37%) |
| HSV | hsv(18, 48%, 49%) |
| CMYK | cmyk(0%, 34.1%, 48.4%, 50.6%) |
| CIE-LAB | lab(39.59, 15.69, 17.85) |
| CIE-LCH | lch(39.59, 23.76, 48.68°) |
| OKLab | oklab(48.51% 0.0466 0.0443) |
| OKLCH | oklch(48.51% 0.064 43.5) |
| XYZ | xyz(12.6522, 11.0048, 6.4578) |
| Luminance | 0.1100 (WCAG relative) |
| Temperature | warm |
| Family | orange |
أقرب الألوان المُسمّاة
Cocoa
#875F42
ΔE00 6.15
Umber
#635147
ΔE00 9.34
Sienna
#A0522D
ΔE00 9.55
Milk Chocolate
#7F4E1E
ΔE00 9.59
Brownish
#9C6D57
ΔE00 10.23
Saddlebrown
#8B4513
ΔE00 10.38
المقاييس الإدراكية
الدرجات الغامقة
الدرجات الفاتحة
التدريجات
OKLCH scale
تناغمات الألوان
complementary
#7E5341 #416C7E
analogous
#7E414E #7E5341 #7E7241
triadic
#7E5341 #417E53 #53417E
tetradic
#7E5341 #4E7E41 #416C7E #72417E
square
#7E5341 #4E7E41 #416C7E #72417E
split-complementary
#7E5341 #417E72 #414E7E
monochromatic
#2D1E17 #56382C #7E5341 #A66E56 #BC907D
إمكانية الوصول والتباين
On white
6.56
#7E5341 on #FFFFFF
AA ✓AA large ✓AAA ✗
On black
3.20
#7E5341 on #000000
AA ✗AA large ✓AAA ✗
أفضل لون للنص
#FFFFFF on #7E5341
6.56:1 — WCAG AA (نص عادي) مطابق
مصفوفة التباين
| fg \ bg | ##7E5341 | #FFFFFF | #000000 | ##FFFFFF |
|---|---|---|---|---|
| ##7E5341 | 1.00 | 6.56 | 3.20 | 6.56 |
| #FFFFFF | 6.56 | 1.00 | 21.00 | 1.00 |
| #000000 | 3.20 | 21.00 | 1.00 | 21.00 |
| ##FFFFFF | 6.56 | 1.00 | 21.00 | 1.00 |
معاينة عمى الألوان
Protanopia (red-blind)
#5E5840
Deuteranopia (green-blind)
#686141
Tritanopia (blue-blind)
#884C4E
Achromatopsia (no color)
#5D5D5D
وسوم التصميم والكود
CSS
--color: #7e5341; /* rgb */ color: rgb(126, 83, 65); /* oklch */ color: oklch(48.5% 0.064 43.5);
Tailwind
colors: {
custom: {
50: '#a58375',
500: '#7e5341',
950: '#000000',
},
}SCSS
$custom: #7e5341; $custom-light: #a58375; $custom-dark: #000000;
JSON
{
"hex": "#7e5341",
"rgb": {
"r": 126,
"g": 83,
"b": 65
},
"hsl": {
"h": 17.705,
"s": 31.937,
"l": 37.451
},
"oklch": {
"l": 0.4851,
"c": 0.06431,
"h": 43.5
},
"luminance": 0.11004
}Semantic roles & 50–950 ramp
primary
#7E5341
secondary
#7498A7
accent
#A9C860
background
#FAF8F7
surface
#F4EFED
border
#CECAC8
text
#100A08
muted
#7F7C7B