#A64E5D#A64E5D
#A64E5D لون متوسط ومتوسط التشبّع من عائلة أحمر. الإضاءة النسبية 0.143؛ OKLCH L 53.8% C 0.117 H 11.2°. أفضل لون لنص المتن هو #FFFFFF بتباين 5.43:1 (مطابق لمعيار WCAG AA).
قيم اللون
| HEX | #A64E5D |
|---|---|
| RGB | rgb(166, 78, 93) |
| HSL | hsl(350, 36%, 48%) |
| HSV | hsv(350, 53%, 65%) |
| CMYK | cmyk(0%, 53%, 44%, 34.9%) |
| CIE-LAB | lab(44.73, 37.74, 8.69) |
| CIE-LCH | lch(44.73, 38.73, 12.96°) |
| OKLab | oklab(53.82% 0.1144 0.0226) |
| OKLCH | oklch(53.82% 0.117 11.2) |
| XYZ | xyz(20.4273, 14.3482, 12.0475) |
| Luminance | 0.1435 (WCAG relative) |
| Temperature | warm |
| Family | red |
أقرب الألوان المُسمّاة
Light Maroon
#A24857
ΔE00 1.90
Dark Rose
#B5485D
ΔE00 3.15
Light Burgundy
#A8415B
ΔE00 3.50
Dusty Red
#B9484E
ΔE00 6.59
Deep Rose
#C74767
ΔE00 6.67
Dark Pink
#CB416B
ΔE00 7.78
المقاييس الإدراكية
الدرجات الغامقة
الدرجات الفاتحة
التدريجات
OKLCH scale
تناغمات الألوان
complementary
#A64E5D #4EA697
analogous
#A64E89 #A64E5D #A66B4E
triadic
#A64E5D #5DA64E #4E5DA6
tetradic
#A64E5D #89A64E #4EA697 #6B4EA6
square
#A64E5D #89A64E #4EA697 #6B4EA6
split-complementary
#A64E5D #4EA66B #4E89A6
monochromatic
#53272E #7C3A46 #A64E5D #BE7480 #D19DA6
إمكانية الوصول والتباين
On white
5.43
#A64E5D on #FFFFFF
AA ✓AA large ✓AAA ✗
On black
3.87
#A64E5D on #000000
AA ✗AA large ✓AAA ✗
أفضل لون للنص
#FFFFFF on #A64E5D
5.43:1 — WCAG AA (نص عادي) مطابق
مصفوفة التباين
| fg \ bg | ##A64E5D | #FFFFFF | #000000 | ##FFFFFF |
|---|---|---|---|---|
| ##A64E5D | 1.00 | 5.43 | 3.87 | 5.43 |
| #FFFFFF | 5.43 | 1.00 | 21.00 | 1.00 |
| #000000 | 3.87 | 21.00 | 1.00 | 21.00 |
| ##FFFFFF | 5.43 | 1.00 | 21.00 | 1.00 |
معاينة عمى الألوان
Protanopia (red-blind)
#605F5D
Deuteranopia (green-blind)
#76705B
Tritanopia (blue-blind)
#B34454
Achromatopsia (no color)
#6A6A6A
وسوم التصميم والكود
CSS
--color: #a64e5d; /* rgb */ color: rgb(166, 78, 93); /* oklch */ color: oklch(53.8% 0.117 11.2);
Tailwind
colors: {
custom: {
50: '#c4828a',
500: '#a64e5d',
950: '#000000',
},
}SCSS
$custom: #a64e5d; $custom-light: #c4828a; $custom-dark: #000000;
JSON
{
"hex": "#a64e5d",
"rgb": {
"r": 166,
"g": 78,
"b": 93
},
"hsl": {
"h": 349.773,
"s": 36.066,
"l": 47.843
},
"oklch": {
"l": 0.53817,
"c": 0.11658,
"h": 11.2
},
"luminance": 0.14346
}Semantic roles & 50–950 ramp
primary
#A64E5D
secondary
#92BEB6
accent
#CCB95C
background
#FCF8F8
surface
#F8EFF0
border
#D1CACB
text
#130B0B
muted
#827C7C