#7C595A#7C595A
#7C595A لون متوسط وخافت من عائلة أحمر. الإضاءة النسبية 0.122؛ OKLCH L 50.1% C 0.046 H 16.9°. أفضل لون لنص المتن هو #FFFFFF بتباين 6.12:1 (مطابق لمعيار WCAG AA).
قيم اللون
| HEX | #7C595A |
|---|---|
| RGB | rgb(124, 89, 90) |
| HSL | hsl(358, 16%, 42%) |
| HSV | hsv(358, 28%, 49%) |
| CMYK | cmyk(0%, 28.2%, 27.4%, 51.4%) |
| CIE-LAB | lab(41.48, 14.58, 5.13) |
| CIE-LCH | lch(41.48, 15.46, 19.39°) |
| OKLab | oklab(50.11% 0.0444 0.0135) |
| OKLCH | oklch(50.11% 0.046 16.9) |
| XYZ | xyz(13.7303, 12.1688, 11.2965) |
| Luminance | 0.1217 (WCAG relative) |
| Temperature | warm |
| Family | red |
أقرب الألوان المُسمّاة
Purplish Brown
#6B4247
ΔE00 7.81
Brownish Purple
#76424E
ΔE00 8.61
Dark Mauve
#874C62
ΔE00 9.25
Purple Brown
#673A3F
ΔE00 10.24
Umber
#635147
ΔE00 10.46
Dirty Purple
#734A65
ΔE00 10.85
المقاييس الإدراكية
الدرجات الغامقة
الدرجات الفاتحة
التدريجات
OKLCH scale
تناغمات الألوان
complementary
#7C595A #597C7B
analogous
#7C596C #7C595A #7C6A59
triadic
#7C595A #5A7C59 #595A7C
tetradic
#7C595A #6C7C59 #597C7B #6A597C
square
#7C595A #6C7C59 #597C7B #6A597C
split-complementary
#7C595A #597C6A #596C7C
monochromatic
#352626 #583F40 #7C595A #9C7677 #B6999A
إمكانية الوصول والتباين
On white
6.12
#7C595A on #FFFFFF
AA ✓AA large ✓AAA ✗
On black
3.43
#7C595A on #000000
AA ✗AA large ✓AAA ✗
أفضل لون للنص
#FFFFFF on #7C595A
6.12:1 — WCAG AA (نص عادي) مطابق
مصفوفة التباين
| fg \ bg | ##7C595A | #FFFFFF | #000000 | ##FFFFFF |
|---|---|---|---|---|
| ##7C595A | 1.00 | 6.12 | 3.43 | 6.12 |
| #FFFFFF | 6.12 | 1.00 | 21.00 | 1.00 |
| #000000 | 3.43 | 21.00 | 1.00 | 21.00 |
| ##FFFFFF | 6.12 | 1.00 | 21.00 | 1.00 |
معاينة عمى الألوان
Protanopia (red-blind)
#5F5E5A
Deuteranopia (green-blind)
#676459
Tritanopia (blue-blind)
#83565A
Achromatopsia (no color)
#626262
وسوم التصميم والكود
CSS
--color: #7c595a; /* rgb */ color: rgb(124, 89, 90); /* oklch */ color: oklch(50.1% 0.046 16.9);
Tailwind
colors: {
custom: {
50: '#a38888',
500: '#7c595a',
950: '#000000',
},
}SCSS
$custom: #7c595a; $custom-light: #a38888; $custom-dark: #000000;
JSON
{
"hex": "#7c595a",
"rgb": {
"r": 124,
"g": 89,
"b": 90
},
"hsl": {
"h": 358.286,
"s": 16.432,
"l": 41.765
},
"oklch": {
"l": 0.5011,
"c": 0.04642,
"h": 16.9
},
"luminance": 0.12168
}Semantic roles & 50–950 ramp
primary
#7C595A
secondary
#8DA4A4
accent
#B9B76F
background
#FAF8F8
surface
#F4EFEF
border
#CECACA
text
#0F0B0B
muted
#7F7C7C