#A04A82#A04A82
#A04A82 لون متوسط وزاهٍ من عائلة زهري. الإضاءة النسبية 0.140؛ OKLCH L 53.6% C 0.133 H 342.7°. أفضل لون لنص المتن هو #FFFFFF بتباين 5.53:1 (مطابق لمعيار WCAG AA).
قيم اللون
| HEX | #A04A82 |
|---|---|
| RGB | rgb(160, 74, 130) |
| HSL | hsl(321, 37%, 46%) |
| HSV | hsv(321, 54%, 63%) |
| CMYK | cmyk(0%, 53.7%, 18.8%, 37.3%) |
| CIE-LAB | lab(44.21, 42.63, -14.80) |
| CIE-LCH | lch(44.21, 45.12, 340.86°) |
| OKLab | oklab(53.63% 0.1267 -0.0394) |
| OKLCH | oklch(53.63% 0.133 342.7) |
| XYZ | xyz(20.9757, 13.9845, 22.7093) |
| Luminance | 0.1398 (WCAG relative) |
| Temperature | warm |
| Family | pink |
أقرب الألوان المُسمّاة
Light Plum
#9D5783
ΔE00 3.60
Purpleish
#98568D
ΔE00 4.20
Purplish
#94568C
ΔE00 4.67
Light Eggplant
#894585
ΔE00 6.24
Ugly Purple
#A442A0
ΔE00 7.26
Dusky Purple
#895B7B
ΔE00 7.44
المقاييس الإدراكية
الدرجات الغامقة
الدرجات الفاتحة
التدريجات
OKLCH scale
تناغمات الألوان
complementary
#A04A82 #4AA068
analogous
#934AA0 #A04A82 #A04A57
triadic
#A04A82 #82A04A #4A82A0
tetradic
#A04A82 #A0934A #4AA068 #4A57A0
square
#A04A82 #A0934A #4AA068 #4A57A0
split-complementary
#A04A82 #57A04A #4AA093
monochromatic
#4C233E #763760 #A04A82 #BB6CA0 #CE96BB
إمكانية الوصول والتباين
On white
5.53
#A04A82 on #FFFFFF
AA ✓AA large ✓AAA ✗
On black
3.80
#A04A82 on #000000
AA ✗AA large ✓AAA ✗
أفضل لون للنص
#FFFFFF on #A04A82
5.53:1 — WCAG AA (نص عادي) مطابق
مصفوفة التباين
| fg \ bg | ##A04A82 | #FFFFFF | #000000 | ##FFFFFF |
|---|---|---|---|---|
| ##A04A82 | 1.00 | 5.53 | 3.80 | 5.53 |
| #FFFFFF | 5.53 | 1.00 | 21.00 | 1.00 |
| #000000 | 3.80 | 21.00 | 1.00 | 21.00 |
| ##FFFFFF | 5.53 | 1.00 | 21.00 | 1.00 |
معاينة عمى الألوان
Protanopia (red-blind)
#506084
Deuteranopia (green-blind)
#686E80
Tritanopia (blue-blind)
#A94A60
Achromatopsia (no color)
#686868
وسوم التصميم والكود
CSS
--color: #a04a82; /* rgb */ color: rgb(160, 74, 130); /* oklch */ color: oklch(53.6% 0.133 342.7);
Tailwind
colors: {
custom: {
50: '#be80a6',
500: '#a04a82',
950: '#000000',
},
}SCSS
$custom: #a04a82; $custom-light: #be80a6; $custom-dark: #000000;
JSON
{
"hex": "#a04a82",
"rgb": {
"r": 160,
"g": 74,
"b": 130
},
"hsl": {
"h": 320.93,
"s": 36.752,
"l": 45.882
},
"oklch": {
"l": 0.53631,
"c": 0.13268,
"h": 342.7
},
"luminance": 0.13983
}Semantic roles & 50–950 ramp
primary
#A04A82
secondary
#8BBB9C
accent
#CD835B
background
#FCF8FA
surface
#F8EFF4
border
#D1CACE
text
#120A0F
muted
#817C7F