#A75C56#A75C56
#A75C56 لون متوسط ومتوسط التشبّع من عائلة أحمر. الإضاءة النسبية 0.165؛ OKLCH L 56.0% C 0.099 H 25.5°. أفضل لون لنص المتن هو #FFFFFF بتباين 4.87:1 (مطابق لمعيار WCAG AA).
قيم اللون
| HEX | #A75C56 |
|---|---|
| RGB | rgb(167, 92, 86) |
| HSL | hsl(4, 32%, 50%) |
| HSV | hsv(4, 49%, 65%) |
| CMYK | cmyk(0%, 44.9%, 48.5%, 34.5%) |
| CIE-LAB | lab(47.68, 29.91, 17.02) |
| CIE-LCH | lch(47.68, 34.41, 29.65°) |
| OKLab | oklab(56.04% 0.0895 0.0427) |
| OKLCH | oklch(56.04% 0.099 25.5) |
| XYZ | xyz(21.4446, 16.5437, 10.8662) |
| Luminance | 0.1654 (WCAG relative) |
| Temperature | warm |
| Family | red |
أقرب الألوان المُسمّاة
Dusty Red
#B9484E
ΔE00 6.29
Dark Salmon
#C85A53
ΔE00 7.03
Dull Red
#BB3F3F
ΔE00 7.87
Indianred
#CD5C5C
ΔE00 8.01
Reddish
#C44240
ΔE00 8.16
Pinkish Brown
#B17261
ΔE00 8.23
المقاييس الإدراكية
الدرجات الغامقة
الدرجات الفاتحة
التدريجات
OKLCH scale
تناغمات الألوان
complementary
#A75C56 #56A1A7
analogous
#A75679 #A75C56 #A78456
triadic
#A75C56 #56A75C #5C56A7
tetradic
#A75C56 #79A756 #56A1A7 #8456A7
square
#A75C56 #79A756 #56A1A7 #8456A7
split-complementary
#A75C56 #56A784 #5679A7
monochromatic
#562F2C #7F4641 #A75C56 #BC827E #D1A9A6
إمكانية الوصول والتباين
On white
4.87
#A75C56 on #FFFFFF
AA ✓AA large ✓AAA ✗
On black
4.31
#A75C56 on #000000
AA ✗AA large ✓AAA ✗
أفضل لون للنص
#FFFFFF on #A75C56
4.87:1 — WCAG AA (نص عادي) مطابق
مصفوفة التباين
| fg \ bg | ##A75C56 | #FFFFFF | #000000 | ##FFFFFF |
|---|---|---|---|---|
| ##A75C56 | 1.00 | 4.87 | 4.31 | 4.87 |
| #FFFFFF | 4.87 | 1.00 | 21.00 | 1.00 |
| #000000 | 4.31 | 21.00 | 1.00 | 21.00 |
| ##FFFFFF | 4.87 | 1.00 | 21.00 | 1.00 |
معاينة عمى الألوان
Protanopia (red-blind)
#6D6855
Deuteranopia (green-blind)
#7F7755
Tritanopia (blue-blind)
#B5515B
Achromatopsia (no color)
#717171
وسوم التصميم والكود
CSS
--color: #a75c56; /* rgb */ color: rgb(167, 92, 86); /* oklch */ color: oklch(56.0% 0.099 25.5);
Tailwind
colors: {
custom: {
50: '#c48b85',
500: '#a75c56',
950: '#000000',
},
}SCSS
$custom: #a75c56; $custom-light: #c48b85; $custom-dark: #000000;
JSON
{
"hex": "#a75c56",
"rgb": {
"r": 167,
"g": 92,
"b": 86
},
"hsl": {
"h": 4.444,
"s": 32.016,
"l": 49.608
},
"oklch": {
"l": 0.56035,
"c": 0.09915,
"h": 25.5
},
"luminance": 0.16542
}Semantic roles & 50–950 ramp
primary
#A75C56
secondary
#9ABCBF
accent
#C0C860
background
#FCF8F8
surface
#F8F0EF
border
#D1CBCA
text
#130C0B
muted
#827D7C