#AE3FA4#AE3FA4
#AE3FA4 لون متوسط وزاهٍ من عائلة purple. الإضاءة النسبية 0.152؛ OKLCH L 55.8% C 0.186 H 331.5°. أفضل لون لنص المتن هو #FFFFFF بتباين 5.19:1 (مطابق لمعيار WCAG AA).
قيم اللون
| HEX | #AE3FA4 |
|---|---|
| RGB | rgb(174, 63, 164) |
| HSL | hsl(305, 47%, 46%) |
| HSV | hsv(305, 64%, 68%) |
| CMYK | cmyk(0%, 63.8%, 5.7%, 31.8%) |
| CIE-LAB | lab(45.96, 57.25, -32.35) |
| CIE-LCH | lch(45.96, 65.76, 330.53°) |
| OKLab | oklab(55.83% 0.1634 -0.0887) |
| OKLCH | oklch(55.83% 0.186 331.5) |
| XYZ | xyz(25.9339, 15.2359, 36.6897) |
| Luminance | 0.1523 (WCAG relative) |
| Temperature | neutral |
| Family | purple |
أقرب الألوان المُسمّاة
Ugly Purple
#A442A0
ΔE00 1.85
Medium Purple
#9E43A2
ΔE00 3.10
Purpley Pink
#C83CB9
ΔE00 5.49
Purply
#983FB2
ΔE00 6.09
Barney
#AC1DB8
ΔE00 6.15
Warm Purple
#952E8F
ΔE00 6.89
المقاييس الإدراكية
الدرجات الغامقة
الدرجات الفاتحة
التدريجات
OKLCH scale
تناغمات الألوان
complementary
#AE3FA4 #3FAE49
analogous
#813FAE #AE3FA4 #AE3F6D
triadic
#AE3FA4 #A4AE3F #3FA4AE
tetradic
#AE3FA4 #AE813F #3FAE49 #3F6DAE
square
#AE3FA4 #AE813F #3FAE49 #3F6DAE
split-complementary
#AE3FA4 #6DAE3F #3FAE81
monochromatic
#541E4F #812F7A #AE3FA4 #C764BE #D790D1
إمكانية الوصول والتباين
On white
5.19
#AE3FA4 on #FFFFFF
AA ✓AA large ✓AAA ✗
On black
4.05
#AE3FA4 on #000000
AA ✗AA large ✓AAA ✗
أفضل لون للنص
#FFFFFF on #AE3FA4
5.19:1 — WCAG AA (نص عادي) مطابق
مصفوفة التباين
| fg \ bg | ##AE3FA4 | #FFFFFF | #000000 | ##FFFFFF |
|---|---|---|---|---|
| ##AE3FA4 | 1.00 | 5.19 | 4.05 | 5.19 |
| #FFFFFF | 5.19 | 1.00 | 21.00 | 1.00 |
| #000000 | 4.05 | 21.00 | 1.00 | 21.00 |
| ##FFFFFF | 5.19 | 1.00 | 21.00 | 1.00 |
معاينة عمى الألوان
Protanopia (red-blind)
#3963A7
Deuteranopia (green-blind)
#5F72A1
Tritanopia (blue-blind)
#B54A6C
Achromatopsia (no color)
#6D6D6D
وسوم التصميم والكود
CSS
--color: #ae3fa4; /* rgb */ color: rgb(174, 63, 164); /* oklch */ color: oklch(55.8% 0.186 331.5);
Tailwind
colors: {
custom: {
50: '#c97cbf',
500: '#ae3fa4',
950: '#000000',
},
}SCSS
$custom: #ae3fa4; $custom-light: #c97cbf; $custom-dark: #000000;
JSON
{
"hex": "#ae3fa4",
"rgb": {
"r": 174,
"g": 63,
"b": 164
},
"hsl": {
"h": 305.405,
"s": 46.835,
"l": 46.471
},
"oklch": {
"l": 0.55828,
"c": 0.18596,
"h": 331.5
},
"luminance": 0.15234
}Semantic roles & 50–950 ramp
primary
#AE3FA4
secondary
#87C28C
accent
#D65D51
background
#FCF7FB
surface
#F9EEF7
border
#D2C9D0
text
#140A12
muted
#827C81