#AA58A5#AA58A5
#AA58A5 لون متوسط وزاهٍ من عائلة purple. الإضاءة النسبية 0.182؛ OKLCH L 58.5% C 0.145 H 329.5°. أفضل لون لنص المتن هو #000000 بتباين 4.65:1 (مطابق لمعيار WCAG AA).
قيم اللون
| HEX | #AA58A5 |
|---|---|
| RGB | rgb(170, 88, 165) |
| HSL | hsl(304, 33%, 51%) |
| HSV | hsv(304, 48%, 67%) |
| CMYK | cmyk(0%, 48.2%, 2.9%, 33.3%) |
| CIE-LAB | lab(49.79, 44.53, -27.00) |
| CIE-LCH | lch(49.79, 52.08, 328.77°) |
| OKLab | oklab(58.54% 0.1253 -0.0737) |
| OKLCH | oklch(58.54% 0.145 329.5) |
| XYZ | xyz(26.8585, 18.2436, 37.6967) |
| Luminance | 0.1824 (WCAG relative) |
| Temperature | neutral |
| Family | purple |
أقرب الألوان المُسمّاة
Purpleish
#98568D
ΔE00 5.58
Ugly Purple
#A442A0
ΔE00 5.66
Purplish
#94568C
ΔE00 6.12
Medium Purple
#9E43A2
ΔE00 6.30
Pinky Purple
#C94CBE
ΔE00 6.43
Dark Lilac
#9C6DA5
ΔE00 6.67
المقاييس الإدراكية
الدرجات الغامقة
الدرجات الفاتحة
التدريجات
OKLCH scale
تناغمات الألوان
complementary
#AA58A5 #58AA5D
analogous
#8658AA #AA58A5 #AA587C
triadic
#AA58A5 #A5AA58 #58A5AA
tetradic
#AA58A5 #AA8658 #58AA5D #587CAA
square
#AA58A5 #AA8658 #58AA5D #587CAA
split-complementary
#AA58A5 #7CAA58 #58AA86
monochromatic
#5A2E57 #82427F #AA58A5 #BF81BB #D3A9D1
إمكانية الوصول والتباين
On white
4.52
#AA58A5 on #FFFFFF
AA ✓AA large ✓AAA ✗
On black
4.65
#AA58A5 on #000000
AA ✓AA large ✓AAA ✗
أفضل لون للنص
#000000 on #AA58A5
4.65:1 — WCAG AA (نص عادي) مطابق
مصفوفة التباين
| fg \ bg | ##AA58A5 | #FFFFFF | #000000 | ##000000 |
|---|---|---|---|---|
| ##AA58A5 | 1.00 | 4.52 | 4.65 | 4.65 |
| #FFFFFF | 4.52 | 1.00 | 21.00 | 21.00 |
| #000000 | 4.65 | 21.00 | 1.00 | 1.00 |
| ##000000 | 4.65 | 21.00 | 1.00 | 1.00 |
معاينة عمى الألوان
Protanopia (red-blind)
#536FA8
Deuteranopia (green-blind)
#6B7AA3
Tritanopia (blue-blind)
#AF5F77
Achromatopsia (no color)
#767676
وسوم التصميم والكود
CSS
--color: #aa58a5; /* rgb */ color: rgb(170, 88, 165); /* oklch */ color: oklch(58.5% 0.145 329.5);
Tailwind
colors: {
custom: {
50: '#c58ac0',
500: '#aa58a5',
950: '#000000',
},
}SCSS
$custom: #aa58a5; $custom-light: #c58ac0; $custom-dark: #000000;
JSON
{
"hex": "#aa58a5",
"rgb": {
"r": 170,
"g": 88,
"b": 165
},
"hsl": {
"h": 303.659,
"s": 32.54,
"l": 50.588
},
"oklch": {
"l": 0.58544,
"c": 0.1454,
"h": 329.5
},
"luminance": 0.18242
}Semantic roles & 50–950 ramp
primary
#AA58A5
secondary
#9DC19F
accent
#C9665F
background
#FCF8FB
surface
#F8F0F7
border
#D1CBD0
text
#130C12
muted
#827D81