#AA95DE#AA95DE
#AA95DE is a light, moderate violet. Relative luminance 0.353; OKLCH L 71.6% C 0.106 H 296.8°. Best body text is #000000 at 8.06:1 contrast (WCAG AA passes).
Color values
| HEX | #AA95DE |
|---|---|
| RGB | rgb(170, 149, 222) |
| HSL | hsl(257, 53%, 73%) |
| HSV | hsv(257, 33%, 87%) |
| CMYK | cmyk(23.4%, 32.9%, 0%, 12.9%) |
| CIE-LAB | lab(65.99, 22.85, -34.30) |
| CIE-LCH | lch(65.99, 41.21, 303.68°) |
| OKLab | oklab(71.58% 0.0481 -0.095) |
| OKLCH | oklch(71.58% 0.106 296.8) |
| XYZ | xyz(40.5068, 35.3145, 73.7754) |
| Luminance | 0.3532 (WCAG relative) |
| Temperature | cool |
| Family | violet |
Closest named colors
Lavender
#B39DDB
ΔE00 3.39
Pale Purple
#B790D4
ΔE00 4.86
Lavender (survey)
#C79FEF
ΔE00 5.87
Baby Purple
#CA9BF7
ΔE00 6.60
Pastel Purple
#CAA0FF
ΔE00 6.94
Perrywinkle
#8F8CE7
ΔE00 7.17
Perceptual scales
Shades
Tints
Tones
OKLCH scale
Color harmonies
complementary
#AA95DE #C9DE95
analogous
#95A5DE #AA95DE #CE95DE
triadic
#AA95DE #DEAA95 #95DEAA
tetradic
#AA95DE #DE95A5 #C9DE95 #95DECE
square
#AA95DE #DE95A5 #C9DE95 #95DECE
split-complementary
#AA95DE #DECE95 #A5DE95
monochromatic
#613BBE #8566CF #AA95DE #CFC4ED #ECE8F8
Accessibility & contrast
On white
2.60
#AA95DE on #FFFFFF
AA ✗AA large ✗AAA ✗
On black
8.06
#AA95DE on #000000
AA ✓AA large ✓AAA ✓
Best text color
#000000 on #AA95DE
8.06:1 — WCAG AA (normal text) passes
Contrast matrix
| fg \ bg | ##AA95DE | #FFFFFF | #000000 | ##000000 |
|---|---|---|---|---|
| ##AA95DE | 1.00 | 2.60 | 8.06 | 8.06 |
| #FFFFFF | 2.60 | 1.00 | 21.00 | 21.00 |
| #000000 | 8.06 | 21.00 | 1.00 | 1.00 |
| ##000000 | 8.06 | 21.00 | 1.00 | 1.00 |
Color blindness preview
Protanopia (red-blind)
#83A1E1
Deuteranopia (green-blind)
#86A0DC
Tritanopia (blue-blind)
#A0A1B0
Achromatopsia (no color)
#A0A0A0
Design tokens & code
CSS
--color: #aa95de; /* rgb */ color: rgb(170, 149, 222); /* oklch */ color: oklch(71.6% 0.106 296.8);
Tailwind
colors: {
custom: {
50: '#c4b4e8',
500: '#aa95de',
950: '#000000',
},
}SCSS
$custom: #aa95de; $custom-light: #c4b4e8; $custom-dark: #000000;
JSON
{
"hex": "#aa95de",
"rgb": {
"r": 170,
"g": 149,
"b": 222
},
"hsl": {
"h": 257.26,
"s": 52.518,
"l": 72.745
},
"oklch": {
"l": 0.71576,
"c": 0.10646,
"h": 296.8
},
"luminance": 0.35315
}Semantic roles & 50–950 ramp
primary
#AA95DE
secondary
#E9EFDC
accent
#C02694
background
#FCFBFE
surface
#F8F6FC
border
#D1D0D5
text
#131116
muted
#828084