#A9434E#A9434E
#A9434E لون متوسط وزاهٍ من عائلة أحمر. الإضاءة النسبية 0.130؛ OKLCH L 52.3% C 0.134 H 16.5°. أفضل لون لنص المتن هو #FFFFFF بتباين 5.83:1 (مطابق لمعيار WCAG AA).
قيم اللون
| HEX | #A9434E |
|---|---|
| RGB | rgb(169, 67, 78) |
| HSL | hsl(354, 43%, 46%) |
| HSV | hsv(354, 60%, 66%) |
| CMYK | cmyk(0%, 60.4%, 53.8%, 33.7%) |
| CIE-LAB | lab(42.77, 42.83, 15.26) |
| CIE-LCH | lch(42.77, 45.47, 19.61°) |
| OKLab | oklab(52.32% 0.1286 0.0382) |
| OKLCH | oklch(52.32% 0.134 16.5) |
| XYZ | xyz(19.7461, 13.0018, 8.6760) |
| Luminance | 0.1300 (WCAG relative) |
| Temperature | warm |
| Family | red |
أقرب الألوان المُسمّاة
Light Maroon
#A24857
ΔE00 3.22
Dusty Red
#B9484E
ΔE00 4.28
Dark Rose
#B5485D
ΔE00 4.31
Light Burgundy
#A8415B
ΔE00 4.97
Dull Red
#BB3F3F
ΔE00 6.45
Cardinal
#C41E3A
ΔE00 7.09
المقاييس الإدراكية
الدرجات الغامقة
الدرجات الفاتحة
التدريجات
OKLCH scale
تناغمات الألوان
complementary
#A9434E #43A99E
analogous
#A94381 #A9434E #A96B43
triadic
#A9434E #4EA943 #434EA9
tetradic
#A9434E #81A943 #43A99E #6B43A9
square
#A9434E #81A943 #43A99E #6B43A9
split-complementary
#A9434E #43A96B #4381A9
monochromatic
#512026 #7D323A #A9434E #C36771 #D4929A
إمكانية الوصول والتباين
On white
5.83
#A9434E on #FFFFFF
AA ✓AA large ✓AAA ✗
On black
3.60
#A9434E on #000000
AA ✗AA large ✓AAA ✗
أفضل لون للنص
#FFFFFF on #A9434E
5.83:1 — WCAG AA (نص عادي) مطابق
مصفوفة التباين
| fg \ bg | ##A9434E | #FFFFFF | #000000 | ##FFFFFF |
|---|---|---|---|---|
| ##A9434E | 1.00 | 5.83 | 3.60 | 5.83 |
| #FFFFFF | 5.83 | 1.00 | 21.00 | 1.00 |
| #000000 | 3.60 | 21.00 | 1.00 | 21.00 |
| ##FFFFFF | 5.83 | 1.00 | 21.00 | 1.00 |
معاينة عمى الألوان
Protanopia (red-blind)
#5B584E
Deuteranopia (green-blind)
#756D4C
Tritanopia (blue-blind)
#B83247
Achromatopsia (no color)
#656565
وسوم التصميم والكود
CSS
--color: #a9434e; /* rgb */ color: rgb(169, 67, 78); /* oklch */ color: oklch(52.3% 0.134 16.5);
Tailwind
colors: {
custom: {
50: '#c87c7f',
500: '#a9434e',
950: '#000000',
},
}SCSS
$custom: #a9434e; $custom-light: #c87c7f; $custom-dark: #000000;
JSON
{
"hex": "#a9434e",
"rgb": {
"r": 169,
"g": 67,
"b": 78
},
"hsl": {
"h": 353.529,
"s": 43.22,
"l": 46.275
},
"oklch": {
"l": 0.5232,
"c": 0.1342,
"h": 16.5
},
"luminance": 0.12999
}Semantic roles & 50–950 ramp
primary
#A9434E
secondary
#88BFBA
accent
#D3C555
background
#FCF7F7
surface
#F9EEEE
border
#D2C9C9
text
#140A0A
muted
#827C7C