#A477AD#A477AD
#A477AD لون فاتح ومتوسط التشبّع من عائلة purple. الإضاءة النسبية 0.241؛ OKLCH L 63.3% C 0.094 H 320.7°. أفضل لون لنص المتن هو #000000 بتباين 5.82:1 (مطابق لمعيار WCAG AA).
قيم اللون
| HEX | #A477AD |
|---|---|
| RGB | rgb(164, 119, 173) |
| HSL | hsl(290, 25%, 57%) |
| HSV | hsv(290, 31%, 68%) |
| CMYK | cmyk(5.2%, 31.2%, 0%, 32.2%) |
| CIE-LAB | lab(56.19, 27.16, -21.84) |
| CIE-LCH | lch(56.19, 34.85, 321.20°) |
| OKLab | oklab(63.31% 0.0727 -0.0595) |
| OKLCH | oklch(63.31% 0.094 320.7) |
| XYZ | xyz(29.4485, 24.1041, 42.6283) |
| Luminance | 0.2410 (WCAG relative) |
| Temperature | cool |
| Family | purple |
أقرب الألوان المُسمّاة
Dark Lilac
#9C6DA5
ΔE00 3.45
Soft Purple
#A66FB5
ΔE00 3.67
Wisteria
#A87DC2
ΔE00 4.56
Heather
#A484AC
ΔE00 4.92
Faded Purple
#916E99
ΔE00 5.53
Dusty Lavender
#AC86A8
ΔE00 6.61
المقاييس الإدراكية
الدرجات الغامقة
الدرجات الفاتحة
التدريجات
OKLCH scale
تناغمات الألوان
complementary
#A477AD #80AD77
analogous
#8977AD #A477AD #AD779B
triadic
#A477AD #ADA477 #77ADA4
tetradic
#A477AD #AD8977 #80AD77 #779BAD
square
#A477AD #AD8977 #80AD77 #779BAD
split-complementary
#A477AD #9BAD77 #77AD89
monochromatic
#63406A #865790 #A477AD #BE9DC4 #D7C3DB
إمكانية الوصول والتباين
On white
3.61
#A477AD on #FFFFFF
AA ✗AA large ✓AAA ✗
On black
5.82
#A477AD on #000000
AA ✓AA large ✓AAA ✗
أفضل لون للنص
#000000 on #A477AD
5.82:1 — WCAG AA (نص عادي) مطابق
مصفوفة التباين
| fg \ bg | ##A477AD | #FFFFFF | #000000 | ##000000 |
|---|---|---|---|---|
| ##A477AD | 1.00 | 3.61 | 5.82 | 5.82 |
| #FFFFFF | 3.61 | 1.00 | 21.00 | 21.00 |
| #000000 | 5.82 | 21.00 | 1.00 | 1.00 |
| ##000000 | 5.82 | 21.00 | 1.00 | 1.00 |
معاينة عمى الألوان
Protanopia (red-blind)
#7184AF
Deuteranopia (green-blind)
#7C88AB
Tritanopia (blue-blind)
#A57D8B
Achromatopsia (no color)
#878787
وسوم التصميم والكود
CSS
--color: #a477ad; /* rgb */ color: rgb(164, 119, 173); /* oklch */ color: oklch(63.3% 0.094 320.7);
Tailwind
colors: {
custom: {
50: '#bf9fc5',
500: '#a477ad',
950: '#000000',
},
}SCSS
$custom: #a477ad; $custom-light: #bf9fc5; $custom-dark: #000000;
JSON
{
"hex": "#a477ad",
"rgb": {
"r": 164,
"g": 119,
"b": 173
},
"hsl": {
"h": 290,
"s": 24.771,
"l": 57.255
},
"oklch": {
"l": 0.6331,
"c": 0.09394,
"h": 320.7
},
"luminance": 0.24103
}Semantic roles & 50–950 ramp
primary
#A477AD
secondary
#B9CBB5
accent
#C16776
background
#FBF9FC
surface
#F7F2F8
border
#D0CCD1
text
#120E13
muted
#817E82