#90494F#90494F
#90494F لون متوسط ومتوسط التشبّع من عائلة أحمر. الإضاءة النسبية 0.113؛ OKLCH L 49.5% C 0.096 H 15.9°. أفضل لون لنص المتن هو #FFFFFF بتباين 6.46:1 (مطابق لمعيار WCAG AA).
قيم اللون
| HEX | #90494F |
|---|---|
| RGB | rgb(144, 73, 79) |
| HSL | hsl(355, 33%, 43%) |
| HSV | hsv(355, 49%, 56%) |
| CMYK | cmyk(0%, 49.3%, 45.1%, 43.5%) |
| CIE-LAB | lab(40.02, 30.52, 10.23) |
| CIE-LCH | lch(40.02, 32.19, 18.52°) |
| OKLab | oklab(49.47% 0.0922 0.0263) |
| OKLCH | oklch(49.47% 0.096 15.9) |
| XYZ | xyz(15.2964, 11.2604, 8.7635) |
| Luminance | 0.1126 (WCAG relative) |
| Temperature | warm |
| Family | red |
أقرب الألوان المُسمّاة
Light Maroon
#A24857
ΔE00 4.29
Light Burgundy
#A8415B
ΔE00 6.61
Brownish Purple
#76424E
ΔE00 7.04
Dark Mauve
#874C62
ΔE00 7.65
Dark Rose
#B5485D
ΔE00 8.03
Purplish Brown
#6B4247
ΔE00 8.88
المقاييس الإدراكية
الدرجات الغامقة
الدرجات الفاتحة
التدريجات
OKLCH scale
تناغمات الألوان
complementary
#90494F #49908A
analogous
#904972 #90494F #906749
triadic
#90494F #4F9049 #494F90
tetradic
#90494F #729049 #49908A #674990
square
#90494F #729049 #49908A #674990
split-complementary
#90494F #499067 #497290
monochromatic
#3F2022 #673439 #90494F #B1656C #C68E93
إمكانية الوصول والتباين
On white
6.46
#90494F on #FFFFFF
AA ✓AA large ✓AAA ✗
On black
3.25
#90494F on #000000
AA ✗AA large ✓AAA ✗
أفضل لون للنص
#FFFFFF on #90494F
6.46:1 — WCAG AA (نص عادي) مطابق
مصفوفة التباين
| fg \ bg | ##90494F | #FFFFFF | #000000 | ##FFFFFF |
|---|---|---|---|---|
| ##90494F | 1.00 | 6.46 | 3.25 | 6.46 |
| #FFFFFF | 6.46 | 1.00 | 21.00 | 1.00 |
| #000000 | 3.25 | 21.00 | 1.00 | 21.00 |
| ##FFFFFF | 6.46 | 1.00 | 21.00 | 1.00 |
معاينة عمى الألوان
Protanopia (red-blind)
#58564F
Deuteranopia (green-blind)
#69644E
Tritanopia (blue-blind)
#9C404B
Achromatopsia (no color)
#5E5E5E
وسوم التصميم والكود
CSS
--color: #90494f; /* rgb */ color: rgb(144, 73, 79); /* oklch */ color: oklch(49.5% 0.096 15.9);
Tailwind
colors: {
custom: {
50: '#b47d80',
500: '#90494f',
950: '#000000',
},
}SCSS
$custom: #90494f; $custom-light: #b47d80; $custom-dark: #000000;
JSON
{
"hex": "#90494f",
"rgb": {
"r": 144,
"g": 73,
"b": 79
},
"hsl": {
"h": 354.93,
"s": 32.719,
"l": 42.549
},
"oklch": {
"l": 0.49465,
"c": 0.09584,
"h": 15.9
},
"luminance": 0.11259
}Semantic roles & 50–950 ramp
primary
#90494F
secondary
#83B1AE
accent
#C9C05F
background
#FBF7F7
surface
#F6EEEE
border
#D0C9C9
text
#110A0A
muted
#807C7C