#7A5B59#7A5B59
#7A5B59 لون متوسط وخافت من عائلة أحمر. الإضاءة النسبية 0.123؛ OKLCH L 50.3% C 0.041 H 22.9°. أفضل لون لنص المتن هو #FFFFFF بتباين 6.06:1 (مطابق لمعيار WCAG AA).
قيم اللون
| HEX | #7A5B59 |
|---|---|
| RGB | rgb(122, 91, 89) |
| HSL | hsl(4, 16%, 41%) |
| HSV | hsv(4, 27%, 48%) |
| CMYK | cmyk(0%, 25.4%, 27%, 52.2%) |
| CIE-LAB | lab(41.75, 12.39, 6.10) |
| CIE-LCH | lch(41.75, 13.81, 26.21°) |
| OKLab | oklab(50.26% 0.0379 0.016) |
| OKLCH | oklch(50.26% 0.041 22.9) |
| XYZ | xyz(13.5705, 12.3417, 11.1166) |
| Luminance | 0.1234 (WCAG relative) |
| Temperature | warm |
| Family | red |
أقرب الألوان المُسمّاة
Umber
#635147
ΔE00 8.86
Purplish Brown
#6B4247
ΔE00 8.92
Brownish Purple
#76424E
ΔE00 10.26
Reddish Grey
#997570
ΔE00 10.70
Dark Mauve
#874C62
ΔE00 11.18
Purple Brown
#673A3F
ΔE00 11.28
المقاييس الإدراكية
الدرجات الغامقة
الدرجات الفاتحة
التدريجات
OKLCH scale
تناغمات الألوان
complementary
#7A5B59 #59787A
analogous
#7A5968 #7A5B59 #7A6C59
triadic
#7A5B59 #597A5B #5B597A
tetradic
#7A5B59 #687A59 #59787A #6C597A
square
#7A5B59 #687A59 #59787A #6C597A
split-complementary
#7A5B59 #597A6C #59687A
monochromatic
#332625 #57413F #7A5B59 #9B7876 #B59B99
إمكانية الوصول والتباين
On white
6.06
#7A5B59 on #FFFFFF
AA ✓AA large ✓AAA ✗
On black
3.47
#7A5B59 on #000000
AA ✗AA large ✓AAA ✗
أفضل لون للنص
#FFFFFF on #7A5B59
6.06:1 — WCAG AA (نص عادي) مطابق
مصفوفة التباين
| fg \ bg | ##7A5B59 | #FFFFFF | #000000 | ##FFFFFF |
|---|---|---|---|---|
| ##7A5B59 | 1.00 | 6.06 | 3.47 | 6.06 |
| #FFFFFF | 6.06 | 1.00 | 21.00 | 1.00 |
| #000000 | 3.47 | 21.00 | 1.00 | 21.00 |
| ##FFFFFF | 6.06 | 1.00 | 21.00 | 1.00 |
معاينة عمى الألوان
Protanopia (red-blind)
#615F59
Deuteranopia (green-blind)
#686559
Tritanopia (blue-blind)
#81585B
Achromatopsia (no color)
#626262
وسوم التصميم والكود
CSS
--color: #7a5b59; /* rgb */ color: rgb(122, 91, 89); /* oklch */ color: oklch(50.3% 0.041 22.9);
Tailwind
colors: {
custom: {
50: '#a18987',
500: '#7a5b59',
950: '#000000',
},
}SCSS
$custom: #7a5b59; $custom-light: #a18987; $custom-dark: #000000;
JSON
{
"hex": "#7a5b59",
"rgb": {
"r": 122,
"g": 91,
"b": 89
},
"hsl": {
"h": 3.636,
"s": 15.64,
"l": 41.373
},
"oklch": {
"l": 0.50259,
"c": 0.04115,
"h": 22.9
},
"luminance": 0.12341
}Semantic roles & 50–950 ramp
primary
#7A5B59
secondary
#8CA1A3
accent
#B4B86F
background
#FAF8F8
surface
#F3F0EF
border
#CDCBCA
text
#0F0B0B
muted
#7F7C7C