#A175A2#A175A2
#A175A2 لون فاتح ومتوسط التشبّع من عائلة purple. الإضاءة النسبية 0.229؛ OKLCH L 62.2% C 0.084 H 325.8°. أفضل لون لنص المتن هو #000000 بتباين 5.58:1 (مطابق لمعيار WCAG AA).
قيم اللون
| HEX | #A175A2 |
|---|---|
| RGB | rgb(161, 117, 162) |
| HSL | hsl(299, 19%, 55%) |
| HSV | hsv(299, 28%, 64%) |
| CMYK | cmyk(0.6%, 27.8%, 0%, 36.5%) |
| CIE-LAB | lab(54.98, 25.08, -17.37) |
| CIE-LCH | lch(54.98, 30.51, 325.29°) |
| OKLab | oklab(62.18% 0.0691 -0.0469) |
| OKLCH | oklch(62.18% 0.084 325.8) |
| XYZ | xyz(27.5801, 22.9091, 37.1445) |
| Luminance | 0.2291 (WCAG relative) |
| Temperature | neutral |
| Family | purple |
أقرب الألوان المُسمّاة
Dark Lilac
#9C6DA5
ΔE00 3.59
Faded Purple
#916E99
ΔE00 4.14
Heather
#A484AC
ΔE00 4.94
Soft Purple
#A66FB5
ΔE00 5.60
Dusty Lavender
#AC86A8
ΔE00 5.93
Greyish Purple
#887191
ΔE00 6.85
المقاييس الإدراكية
الدرجات الغامقة
الدرجات الفاتحة
التدريجات
OKLCH scale
تناغمات الألوان
complementary
#A175A2 #76A275
analogous
#8B75A2 #A175A2 #A2758D
triadic
#A175A2 #A2A175 #75A2A1
tetradic
#A175A2 #A28B75 #76A275 #758DA2
square
#A175A2 #A28B75 #76A275 #758DA2
split-complementary
#A175A2 #8DA275 #75A28B
monochromatic
#5D3F5E #815882 #A175A2 #BA9ABB #D3BED3
إمكانية الوصول والتباين
On white
3.76
#A175A2 on #FFFFFF
AA ✗AA large ✓AAA ✗
On black
5.58
#A175A2 on #000000
AA ✓AA large ✓AAA ✗
أفضل لون للنص
#000000 on #A175A2
5.58:1 — WCAG AA (نص عادي) مطابق
مصفوفة التباين
| fg \ bg | ##A175A2 | #FFFFFF | #000000 | ##000000 |
|---|---|---|---|---|
| ##A175A2 | 1.00 | 3.76 | 5.58 | 5.58 |
| #FFFFFF | 3.76 | 1.00 | 21.00 | 21.00 |
| #000000 | 5.58 | 21.00 | 1.00 | 1.00 |
| ##000000 | 5.58 | 21.00 | 1.00 | 1.00 |
معاينة عمى الألوان
Protanopia (red-blind)
#7280A4
Deuteranopia (green-blind)
#7C86A0
Tritanopia (blue-blind)
#A47985
Achromatopsia (no color)
#848484
وسوم التصميم والكود
CSS
--color: #a175a2; /* rgb */ color: rgb(161, 117, 162); /* oklch */ color: oklch(62.2% 0.084 325.8);
Tailwind
colors: {
custom: {
50: '#bd9dbd',
500: '#a175a2',
950: '#000000',
},
}SCSS
$custom: #a175a2; $custom-light: #bd9dbd; $custom-dark: #000000;
JSON
{
"hex": "#a175a2",
"rgb": {
"r": 161,
"g": 117,
"b": 162
},
"hsl": {
"h": 298.667,
"s": 19.481,
"l": 54.706
},
"oklch": {
"l": 0.62176,
"c": 0.08351,
"h": 325.8
},
"luminance": 0.22908
}Semantic roles & 50–950 ramp
primary
#A175A2
secondary
#B0C3B0
accent
#BC6C6D
background
#FBF9FB
surface
#F6F2F6
border
#D0CCD0
text
#120E12
muted
#817E81