#AA61BC#AA61BC
#AA61BC is a mid, vivid purple. Relative luminance 0.207; OKLCH L 61.0% C 0.153 H 319.4°. Best body text is #000000 at 5.15:1 contrast (WCAG AA passes).
Color values
| HEX | #AA61BC |
|---|---|
| RGB | rgb(170, 97, 188) |
| HSL | hsl(288, 40%, 56%) |
| HSV | hsv(288, 48%, 74%) |
| CMYK | cmyk(9.6%, 48.4%, 0%, 26.3%) |
| CIE-LAB | lab(52.65, 44.26, -35.93) |
| CIE-LCH | lch(52.65, 57.00, 320.93°) |
| OKLab | oklab(61.01% 0.1162 -0.0994) |
| OKLCH | oklch(61.01% 0.153 319.4) |
| XYZ | xyz(29.9282, 20.7274, 49.9915) |
| Luminance | 0.2073 (WCAG relative) |
| Temperature | cool |
| Family | purple |
Closest named colors
Amethyst
#9B5FC0
ΔE00 3.78
Soft Purple
#A66FB5
ΔE00 4.44
Mediumorchid
#BA55D3
ΔE00 4.79
Deep Lilac
#966EBD
ΔE00 5.73
Pinky Purple
#C94CBE
ΔE00 6.34
Deep Lavender
#8D5EB7
ΔE00 6.39
Perceptual scales
Shades
Tints
Tones
OKLCH scale
Color harmonies
complementary
#AA61BC #73BC61
analogous
#7C61BC #AA61BC #BC61A0
triadic
#AA61BC #BCAA61 #61BCAA
tetradic
#AA61BC #BC7C61 #73BC61 #61A0BC
square
#AA61BC #BC7C61 #73BC61 #61A0BC
split-complementary
#AA61BC #A0BC61 #61BC7C
monochromatic
#653072 #8B439D #AA61BC #C18CCE #D8B7E0
Accessibility & contrast
On white
4.08
#AA61BC on #FFFFFF
AA ✗AA large ✓AAA ✗
On black
5.15
#AA61BC on #000000
AA ✓AA large ✓AAA ✗
Best text color
#000000 on #AA61BC
5.15:1 — WCAG AA (normal text) passes
Contrast matrix
| fg \ bg | ##AA61BC | #FFFFFF | #000000 | ##000000 |
|---|---|---|---|---|
| ##AA61BC | 1.00 | 4.08 | 5.15 | 5.15 |
| #FFFFFF | 4.08 | 1.00 | 21.00 | 21.00 |
| #000000 | 5.15 | 21.00 | 1.00 | 1.00 |
| ##000000 | 5.15 | 21.00 | 1.00 | 1.00 |
Color blindness preview
Protanopia (red-blind)
#5279BF
Deuteranopia (green-blind)
#6780B9
Tritanopia (blue-blind)
#AB6D86
Achromatopsia (no color)
#7E7E7E
Design tokens & code
CSS
--color: #aa61bc; /* rgb */ color: rgb(170, 97, 188); /* oklch */ color: oklch(61.0% 0.153 319.4);
Tailwind
colors: {
custom: {
50: '#c590d0',
500: '#aa61bc',
950: '#000000',
},
}SCSS
$custom: #aa61bc; $custom-light: #c590d0; $custom-dark: #000000;
JSON
{
"hex": "#aa61bc",
"rgb": {
"r": 170,
"g": 97,
"b": 188
},
"hsl": {
"h": 288.132,
"s": 40.444,
"l": 55.882
},
"oklch": {
"l": 0.61011,
"c": 0.15291,
"h": 319.4
},
"luminance": 0.20726
}Semantic roles & 50–950 ramp
primary
#AA61BC
secondary
#B1CFAA
accent
#D0576F
background
#FCF9FC
surface
#F8F1F9
border
#D1CBD2
text
#130D14
muted
#827E82