#AE58EE#AE58EE
#AE58EE لون فاتح وعالي التشبّع من عائلة بنفسجي. الإضاءة النسبية 0.222؛ OKLCH L 63.1% C 0.221 H 307.6°. أفضل لون لنص المتن هو #000000 بتباين 5.43:1 (مطابق لمعيار WCAG AA).
قيم اللون
| HEX | #AE58EE |
|---|---|
| RGB | rgb(174, 88, 238) |
| HSL | hsl(274, 82%, 64%) |
| HSV | hsv(274, 63%, 93%) |
| CMYK | cmyk(26.9%, 63%, 0%, 6.7%) |
| CIE-LAB | lab(54.19, 60.48, -61.86) |
| CIE-LCH | lch(54.19, 86.51, 314.36°) |
| OKLab | oklab(63.13% 0.1348 -0.1749) |
| OKLCH | oklch(63.13% 0.221 307.6) |
| XYZ | xyz(36.3747, 22.1516, 83.2318) |
| Luminance | 0.2215 (WCAG relative) |
| Temperature | cool |
| Family | violet |
أقرب الألوان المُسمّاة
Lighter Purple
#A55AF4
ΔE00 1.97
Lightish Purple
#A552E6
ΔE00 2.59
Mediumorchid
#BA55D3
ΔE00 5.25
Bright Lilac
#C95EFB
ΔE00 5.30
Bright Lavender
#C760FF
ΔE00 5.32
Light Urple
#B36FF6
ΔE00 5.48
المقاييس الإدراكية
الدرجات الغامقة
الدرجات الفاتحة
التدريجات
OKLCH scale
تناغمات الألوان
complementary
#AE58EE #98EE58
analogous
#6358EE #AE58EE #EE58E3
triadic
#AE58EE #EEAE58 #58EEAE
tetradic
#AE58EE #EE6358 #98EE58 #58E3EE
square
#AE58EE #EE6358 #98EE58 #58E3EE
split-complementary
#AE58EE #E3EE58 #58EE63
monochromatic
#7213B9 #9320E8 #AE58EE #C990F4 #E4C7F9
إمكانية الوصول والتباين
On white
3.87
#AE58EE on #FFFFFF
AA ✗AA large ✓AAA ✗
On black
5.43
#AE58EE on #000000
AA ✓AA large ✓AAA ✗
أفضل لون للنص
#000000 on #AE58EE
5.43:1 — WCAG AA (نص عادي) مطابق
مصفوفة التباين
| fg \ bg | ##AE58EE | #FFFFFF | #000000 | ##000000 |
|---|---|---|---|---|
| ##AE58EE | 1.00 | 3.87 | 5.43 | 5.43 |
| #FFFFFF | 3.87 | 1.00 | 21.00 | 21.00 |
| #000000 | 5.43 | 21.00 | 1.00 | 1.00 |
| ##000000 | 5.43 | 21.00 | 1.00 | 1.00 |
معاينة عمى الألوان
Protanopia (red-blind)
#007EF3
Deuteranopia (green-blind)
#3C82EB
Tritanopia (blue-blind)
#A4779B
Achromatopsia (no color)
#828282
وسوم التصميم والكود
CSS
--color: #ae58ee; /* rgb */ color: rgb(174, 88, 238); /* oklch */ color: oklch(63.1% 0.221 307.6);
Tailwind
colors: {
custom: {
50: '#ca8cf4',
500: '#ae58ee',
950: '#000000',
},
}SCSS
$custom: #ae58ee; $custom-light: #ca8cf4; $custom-dark: #000000;
JSON
{
"hex": "#ae58ee",
"rgb": {
"r": 174,
"g": 88,
"b": 238
},
"hsl": {
"h": 274.4,
"s": 81.522,
"l": 63.922
},
"oklch": {
"l": 0.63129,
"c": 0.22078,
"h": 307.6
},
"luminance": 0.22151
}Semantic roles & 50–950 ramp
primary
#AE58EE
secondary
#CDEBB7
accent
#DE0863
background
#FCF8FF
surface
#F9F0FE
border
#D2CBD6
text
#140C17
muted
#827D85