#AA53ED#AA53ED
#AA53ED is a mid, highly saturated violet. Relative luminance 0.208; OKLCH L 62.0% C 0.225 H 306.9°. Best body text is #000000 at 5.17:1 contrast (WCAG AA passes).
Color values
| HEX | #AA53ED |
|---|---|
| RGB | rgb(170, 83, 237) |
| HSL | hsl(274, 81%, 63%) |
| HSV | hsv(274, 65%, 93%) |
| CMYK | cmyk(28.3%, 65%, 0%, 7.1%) |
| CIE-LAB | lab(52.78, 61.75, -63.58) |
| CIE-LCH | lch(52.78, 88.63, 314.16°) |
| OKLab | oklab(61.99% 0.1353 -0.18) |
| OKLCH | oklch(61.99% 0.225 306.9) |
| XYZ | xyz(34.9536, 20.8474, 82.2869) |
| Luminance | 0.2085 (WCAG relative) |
| Temperature | cool |
| Family | violet |
Closest named colors
Lightish Purple
#A552E6
ΔE00 1.35
Lighter Purple
#A55AF4
ΔE00 2.02
Mediumorchid
#BA55D3
ΔE00 5.66
Purpley
#8756E4
ΔE00 6.27
Neon Purple
#BC13FE
ΔE00 6.39
Bright Lilac
#C95EFB
ΔE00 6.58
Perceptual scales
Shades
Tints
Tones
OKLCH scale
Color harmonies
complementary
#AA53ED #96ED53
analogous
#5D53ED #AA53ED #ED53E3
triadic
#AA53ED #EDAA53 #53EDAA
tetradic
#AA53ED #ED5D53 #96ED53 #53E3ED
square
#AA53ED #ED5D53 #96ED53 #53E3ED
split-complementary
#AA53ED #E3ED53 #53ED5D
monochromatic
#6D13B3 #8F1CE7 #AA53ED #C58AF3 #E1C2F9
Accessibility & contrast
On white
4.06
#AA53ED on #FFFFFF
AA ✗AA large ✓AAA ✗
On black
5.17
#AA53ED on #000000
AA ✓AA large ✓AAA ✗
Best text color
#000000 on #AA53ED
5.17:1 — WCAG AA (normal text) passes
Contrast matrix
| fg \ bg | ##AA53ED | #FFFFFF | #000000 | ##000000 |
|---|---|---|---|---|
| ##AA53ED | 1.00 | 4.06 | 5.17 | 5.17 |
| #FFFFFF | 4.06 | 1.00 | 21.00 | 21.00 |
| #000000 | 5.17 | 21.00 | 1.00 | 1.00 |
| ##000000 | 5.17 | 21.00 | 1.00 | 1.00 |
Color blindness preview
Protanopia (red-blind)
#007BF2
Deuteranopia (green-blind)
#307FEA
Tritanopia (blue-blind)
#9F7499
Achromatopsia (no color)
#7E7E7E
Design tokens & code
CSS
--color: #aa53ed; /* rgb */ color: rgb(170, 83, 237); /* oklch */ color: oklch(62.0% 0.225 306.9);
Tailwind
colors: {
custom: {
50: '#c889f4',
500: '#aa53ed',
950: '#000000',
},
}SCSS
$custom: #aa53ed; $custom-light: #c889f4; $custom-dark: #000000;
JSON
{
"hex": "#aa53ed",
"rgb": {
"r": 170,
"g": 83,
"b": 237
},
"hsl": {
"h": 273.896,
"s": 81.053,
"l": 62.745
},
"oklch": {
"l": 0.6199,
"c": 0.22524,
"h": 306.9
},
"luminance": 0.20847
}Semantic roles & 50–950 ramp
primary
#AA53ED
secondary
#CAEAB2
accent
#DD0865
background
#FCF8FF
surface
#F9F0FE
border
#D2CBD6
text
#140C17
muted
#827D85