#AC53A7#AC53A7
#AC53A7 لون متوسط وزاهٍ من عائلة purple. الإضاءة النسبية 0.177؛ OKLCH L 58.2% C 0.157 H 329.5°. أفضل لون لنص المتن هو #FFFFFF بتباين 4.62:1 (مطابق لمعيار WCAG AA).
قيم اللون
| HEX | #AC53A7 |
|---|---|
| RGB | rgb(172, 83, 167) |
| HSL | hsl(303, 35%, 50%) |
| HSV | hsv(303, 52%, 67%) |
| CMYK | cmyk(0%, 51.7%, 2.9%, 32.5%) |
| CIE-LAB | lab(49.19, 48.02, -29.09) |
| CIE-LCH | lch(49.19, 56.15, 328.79°) |
| OKLab | oklab(58.18% 0.1352 -0.0796) |
| OKLCH | oklch(58.18% 0.157 329.5) |
| XYZ | xyz(27.0813, 17.7488, 38.5512) |
| Luminance | 0.1775 (WCAG relative) |
| Temperature | neutral |
| Family | purple |
أقرب الألوان المُسمّاة
Ugly Purple
#A442A0
ΔE00 4.63
Medium Purple
#9E43A2
ΔE00 5.34
Purpley Pink
#C83CB9
ΔE00 5.69
Pinky Purple
#C94CBE
ΔE00 5.90
Purpleish
#98568D
ΔE00 6.12
Purplish
#94568C
ΔE00 6.64
المقاييس الإدراكية
الدرجات الغامقة
الدرجات الفاتحة
التدريجات
OKLCH scale
تناغمات الألوان
complementary
#AC53A7 #53AC58
analogous
#8553AC #AC53A7 #AC537A
triadic
#AC53A7 #A7AC53 #53A7AC
tetradic
#AC53A7 #AC8553 #53AC58 #537AAC
square
#AC53A7 #AC8553 #53AC58 #537AAC
split-complementary
#AC53A7 #7AAC53 #53AC85
monochromatic
#592B57 #833F7F #AC53A7 #C07CBC #D4A6D1
إمكانية الوصول والتباين
On white
4.62
#AC53A7 on #FFFFFF
AA ✓AA large ✓AAA ✗
On black
4.55
#AC53A7 on #000000
AA ✓AA large ✓AAA ✗
أفضل لون للنص
#FFFFFF on #AC53A7
4.62:1 — WCAG AA (نص عادي) مطابق
مصفوفة التباين
| fg \ bg | ##AC53A7 | #FFFFFF | #000000 | ##FFFFFF |
|---|---|---|---|---|
| ##AC53A7 | 1.00 | 4.62 | 4.55 | 4.62 |
| #FFFFFF | 4.62 | 1.00 | 21.00 | 1.00 |
| #000000 | 4.55 | 21.00 | 1.00 | 21.00 |
| ##FFFFFF | 4.62 | 1.00 | 21.00 | 1.00 |
معاينة عمى الألوان
Protanopia (red-blind)
#4D6DAA
Deuteranopia (green-blind)
#6879A4
Tritanopia (blue-blind)
#B15B75
Achromatopsia (no color)
#757575
وسوم التصميم والكود
CSS
--color: #ac53a7; /* rgb */ color: rgb(172, 83, 167); /* oklch */ color: oklch(58.2% 0.157 329.5);
Tailwind
colors: {
custom: {
50: '#c787c1',
500: '#ac53a7',
950: '#000000',
},
}SCSS
$custom: #ac53a7; $custom-light: #c787c1; $custom-dark: #000000;
JSON
{
"hex": "#ac53a7",
"rgb": {
"r": 172,
"g": 83,
"b": 167
},
"hsl": {
"h": 303.371,
"s": 34.902,
"l": 50
},
"oklch": {
"l": 0.58185,
"c": 0.15691,
"h": 329.5
},
"luminance": 0.17747
}Semantic roles & 50–950 ramp
primary
#AC53A7
secondary
#99C19C
accent
#CB635D
background
#FCF8FB
surface
#F8F0F7
border
#D1CBD0
text
#130C12
muted
#827D81