#89474A#89474A
#89474A لون متوسط ومتوسط التشبّع من عائلة أحمر. الإضاءة النسبية 0.103؛ OKLCH L 48.0% C 0.090 H 18.1°. أفضل لون لنص المتن هو #FFFFFF بتباين 6.85:1 (مطابق لمعيار WCAG AA).
قيم اللون
| HEX | #89474A |
|---|---|
| RGB | rgb(137, 71, 74) |
| HSL | hsl(357, 32%, 41%) |
| HSV | hsv(357, 48%, 54%) |
| CMYK | cmyk(0%, 48.2%, 46%, 46.3%) |
| CIE-LAB | lab(38.41, 28.30, 10.96) |
| CIE-LCH | lch(38.41, 30.35, 21.16°) |
| OKLab | oklab(47.99% 0.0853 0.028) |
| OKLCH | oklch(47.99% 0.09 18.1) |
| XYZ | xyz(13.8066, 10.3206, 7.7422) |
| Luminance | 0.1032 (WCAG relative) |
| Temperature | warm |
| Family | red |
أقرب الألوان المُسمّاة
Light Maroon
#A24857
ΔE00 6.11
Brownish Purple
#76424E
ΔE00 6.35
Purplish Brown
#6B4247
ΔE00 7.57
Wine
#722F37
ΔE00 7.65
Purple Brown
#673A3F
ΔE00 8.26
Light Burgundy
#A8415B
ΔE00 8.31
المقاييس الإدراكية
الدرجات الغامقة
الدرجات الفاتحة
التدريجات
OKLCH scale
تناغمات الألوان
complementary
#89474A #478986
analogous
#89476B #89474A #896547
triadic
#89474A #4A8947 #474A89
tetradic
#89474A #6B8947 #478986 #654789
square
#89474A #6B8947 #478986 #654789
split-complementary
#89474A #478965 #476B89
monochromatic
#381D1E #613234 #89474A #AD6064 #C2898B
إمكانية الوصول والتباين
On white
6.85
#89474A on #FFFFFF
AA ✓AA large ✓AAA ✗
On black
3.06
#89474A on #000000
AA ✗AA large ✓AAA ✗
أفضل لون للنص
#FFFFFF on #89474A
6.85:1 — WCAG AA (نص عادي) مطابق
مصفوفة التباين
| fg \ bg | ##89474A | #FFFFFF | #000000 | ##FFFFFF |
|---|---|---|---|---|
| ##89474A | 1.00 | 6.85 | 3.06 | 6.85 |
| #FFFFFF | 6.85 | 1.00 | 21.00 | 1.00 |
| #000000 | 3.06 | 21.00 | 1.00 | 21.00 |
| ##FFFFFF | 6.85 | 1.00 | 21.00 | 1.00 |
معاينة عمى الألوان
Protanopia (red-blind)
#55524A
Deuteranopia (green-blind)
#655F49
Tritanopia (blue-blind)
#943F48
Achromatopsia (no color)
#5A5A5A
وسوم التصميم والكود
CSS
--color: #89474a; /* rgb */ color: rgb(137, 71, 74); /* oklch */ color: oklch(48.0% 0.090 18.1);
Tailwind
colors: {
custom: {
50: '#ae7c7c',
500: '#89474a',
950: '#000000',
},
}SCSS
$custom: #89474a; $custom-light: #ae7c7c; $custom-dark: #000000;
JSON
{
"hex": "#89474a",
"rgb": {
"r": 137,
"g": 71,
"b": 74
},
"hsl": {
"h": 357.273,
"s": 31.731,
"l": 40.784
},
"oklch": {
"l": 0.47993,
"c": 0.0898,
"h": 18.1
},
"luminance": 0.10319
}Semantic roles & 50–950 ramp
primary
#89474A
secondary
#7FADAB
accent
#C8C360
background
#FBF7F7
surface
#F6EEEE
border
#D0C9C9
text
#110909
muted
#807B7B