#7B683B#7B683B
#7B683B لون متوسط ومتوسط التشبّع من عائلة برتقالي. الإضاءة النسبية 0.144؛ OKLCH L 52.5% C 0.067 H 87.2°. أفضل لون لنص المتن هو #FFFFFF بتباين 5.40:1 (مطابق لمعيار WCAG AA).
قيم اللون
| HEX | #7B683B |
|---|---|
| RGB | rgb(123, 104, 59) |
| HSL | hsl(42, 35%, 36%) |
| HSV | hsv(42, 52%, 48%) |
| CMYK | cmyk(0%, 15.4%, 52%, 51.8%) |
| CIE-LAB | lab(44.84, 1.24, 28.00) |
| CIE-LCH | lch(44.84, 28.03, 87.47°) |
| OKLab | oklab(52.5% 0.0033 0.0671) |
| OKLCH | oklch(52.5% 0.067 87.2) |
| XYZ | xyz(13.9086, 14.4280, 6.1891) |
| Luminance | 0.1443 (WCAG relative) |
| Temperature | warm |
| Family | orange |
أقرب الألوان المُسمّاة
Dirt Brown
#836539
ΔE00 4.36
Dirt
#8A6E45
ΔE00 5.06
Dull Brown
#876E4B
ΔE00 5.27
Greyish Brown
#7A6A4F
ΔE00 5.39
Grey Brown
#7F7053
ΔE00 5.61
Dark Taupe
#7F684E
ΔE00 6.89
المقاييس الإدراكية
الدرجات الغامقة
الدرجات الفاتحة
التدريجات
OKLCH scale
تناغمات الألوان
complementary
#7B683B #3B4E7B
analogous
#7B483B #7B683B #6E7B3B
triadic
#7B683B #3B7B68 #683B7B
tetradic
#7B683B #3B7B48 #3B4E7B #7B3B6E
square
#7B683B #3B7B48 #3B4E7B #7B3B6E
split-complementary
#7B683B #3B6E7B #483B7B
monochromatic
#282213 #524527 #7B683B #A48B4F #BCA774
إمكانية الوصول والتباين
On white
5.40
#7B683B on #FFFFFF
AA ✓AA large ✓AAA ✗
On black
3.89
#7B683B on #000000
AA ✗AA large ✓AAA ✗
أفضل لون للنص
#FFFFFF on #7B683B
5.40:1 — WCAG AA (نص عادي) مطابق
مصفوفة التباين
| fg \ bg | ##7B683B | #FFFFFF | #000000 | ##FFFFFF |
|---|---|---|---|---|
| ##7B683B | 1.00 | 5.40 | 3.89 | 5.40 |
| #FFFFFF | 5.40 | 1.00 | 21.00 | 1.00 |
| #000000 | 3.89 | 21.00 | 1.00 | 21.00 |
| ##FFFFFF | 5.40 | 1.00 | 21.00 | 1.00 |
معاينة عمى الألوان
Protanopia (red-blind)
#726737
Deuteranopia (green-blind)
#766C3D
Tritanopia (blue-blind)
#84615D
Achromatopsia (no color)
#6A6A6A
وسوم التصميم والكود
CSS
--color: #7b683b; /* rgb */ color: rgb(123, 104, 59); /* oklch */ color: oklch(52.5% 0.067 87.2);
Tailwind
colors: {
custom: {
50: '#a39372',
500: '#7b683b',
950: '#000000',
},
}SCSS
$custom: #7b683b; $custom-light: #a39372; $custom-dark: #000000;
JSON
{
"hex": "#7b683b",
"rgb": {
"r": 123,
"g": 104,
"b": 59
},
"hsl": {
"h": 42.188,
"s": 35.165,
"l": 35.686
},
"oklch": {
"l": 0.52499,
"c": 0.06719,
"h": 87.2
},
"luminance": 0.14427
}Semantic roles & 50–950 ramp
primary
#7B683B
secondary
#6C7DA6
accent
#7DCB5D
background
#FAF9F6
surface
#F4F1EC
border
#CECBC7
text
#0F0D08
muted
#7F7E7B