#87494F#87494F
#87494F لون متوسط ومتوسط التشبّع من عائلة أحمر. الإضاءة النسبية 0.105؛ OKLCH L 48.2% C 0.084 H 14.6°. أفضل لون لنص المتن هو #FFFFFF بتباين 6.78:1 (مطابق لمعيار WCAG AA).
قيم اللون
| HEX | #87494F |
|---|---|
| RGB | rgb(135, 73, 79) |
| HSL | hsl(354, 30%, 41%) |
| HSV | hsv(354, 46%, 53%) |
| CMYK | cmyk(0%, 45.9%, 41.5%, 47.1%) |
| CIE-LAB | lab(38.69, 26.96, 8.18) |
| CIE-LCH | lch(38.69, 28.17, 16.88°) |
| OKLab | oklab(48.19% 0.0816 0.0212) |
| OKLCH | oklch(48.19% 0.084 14.6) |
| XYZ | xyz(13.7862, 10.4817, 8.6927) |
| Luminance | 0.1048 (WCAG relative) |
| Temperature | warm |
| Family | red |
أقرب الألوان المُسمّاة
Brownish Purple
#76424E
ΔE00 5.07
Light Maroon
#A24857
ΔE00 6.03
Dark Mauve
#874C62
ΔE00 6.61
Purplish Brown
#6B4247
ΔE00 6.83
Purple Brown
#673A3F
ΔE00 7.85
Wine
#722F37
ΔE00 7.93
المقاييس الإدراكية
الدرجات الغامقة
الدرجات الفاتحة
التدريجات
OKLCH scale
تناغمات الألوان
complementary
#87494F #498781
analogous
#87496E #87494F #876249
triadic
#87494F #4F8749 #494F87
tetradic
#87494F #6E8749 #498781 #624987
square
#87494F #6E8749 #498781 #624987
split-complementary
#87494F #498762 #496E87
monochromatic
#381E21 #5F3438 #87494F #AA636A #C08A90
إمكانية الوصول والتباين
On white
6.78
#87494F on #FFFFFF
AA ✓AA large ✓AAA ✗
On black
3.10
#87494F on #000000
AA ✗AA large ✓AAA ✗
أفضل لون للنص
#FFFFFF on #87494F
6.78:1 — WCAG AA (نص عادي) مطابق
مصفوفة التباين
| fg \ bg | ##87494F | #FFFFFF | #000000 | ##FFFFFF |
|---|---|---|---|---|
| ##87494F | 1.00 | 6.78 | 3.10 | 6.78 |
| #FFFFFF | 6.78 | 1.00 | 21.00 | 1.00 |
| #000000 | 3.10 | 21.00 | 1.00 | 21.00 |
| ##FFFFFF | 6.78 | 1.00 | 21.00 | 1.00 |
معاينة عمى الألوان
Protanopia (red-blind)
#55544F
Deuteranopia (green-blind)
#64604E
Tritanopia (blue-blind)
#91424B
Achromatopsia (no color)
#5B5B5B
وسوم التصميم والكود
CSS
--color: #87494f; /* rgb */ color: rgb(135, 73, 79); /* oklch */ color: oklch(48.2% 0.084 14.6);
Tailwind
colors: {
custom: {
50: '#ac7d80',
500: '#87494f',
950: '#000000',
},
}SCSS
$custom: #87494f; $custom-light: #ac7d80; $custom-dark: #000000;
JSON
{
"hex": "#87494f",
"rgb": {
"r": 135,
"g": 73,
"b": 79
},
"hsl": {
"h": 354.194,
"s": 29.808,
"l": 40.784
},
"oklch": {
"l": 0.48187,
"c": 0.08431,
"h": 14.6
},
"luminance": 0.1048
}Semantic roles & 50–950 ramp
primary
#87494F
secondary
#80ACA8
accent
#C6BC62
background
#FAF7F7
surface
#F5EEEE
border
#CFC9C9
text
#100A0A
muted
#7F7C7C