#A656AE#A656AE
#A656AE is a mid, vivid purple. Relative luminance 0.178; OKLCH L 58.2% C 0.155 H 323.8°. Best body text is #FFFFFF at 4.60:1 contrast (WCAG AA passes).
Color values
| HEX | #A656AE |
|---|---|
| RGB | rgb(166, 86, 174) |
| HSL | hsl(295, 35%, 51%) |
| HSV | hsv(295, 51%, 68%) |
| CMYK | cmyk(4.6%, 50.6%, 0%, 31.8%) |
| CIE-LAB | lab(49.28, 46.07, -33.12) |
| CIE-LCH | lch(49.28, 56.74, 324.28°) |
| OKLab | oklab(58.19% 0.125 -0.0913) |
| OKLCH | oklch(58.19% 0.155 323.8) |
| XYZ | xyz(26.6929, 17.8198, 42.0697) |
| Luminance | 0.1782 (WCAG relative) |
| Temperature | neutral |
| Family | purple |
Closest named colors
Amethyst
#9B5FC0
ΔE00 5.13
Ugly Purple
#A442A0
ΔE00 5.14
Medium Purple
#9E43A2
ΔE00 5.28
Pinky Purple
#C94CBE
ΔE00 6.46
Deep Lavender
#8D5EB7
ΔE00 6.49
Purpley Pink
#C83CB9
ΔE00 6.50
Perceptual scales
Shades
Tints
Tones
OKLCH scale
Color harmonies
complementary
#A656AE #5EAE56
analogous
#7A56AE #A656AE #AE568A
triadic
#A656AE #AEA656 #56AEA6
tetradic
#A656AE #AE7A56 #5EAE56 #568AAE
square
#A656AE #AE7A56 #5EAE56 #568AAE
split-complementary
#A656AE #8AAE56 #56AE7A
monochromatic
#592D5D #804086 #A656AE #BC7FC2 #D2A9D6
Accessibility & contrast
On white
4.60
#A656AE on #FFFFFF
AA ✓AA large ✓AAA ✗
On black
4.56
#A656AE on #000000
AA ✓AA large ✓AAA ✗
Best text color
#FFFFFF on #A656AE
4.60:1 — WCAG AA (normal text) passes
Contrast matrix
| fg \ bg | ##A656AE | #FFFFFF | #000000 | ##FFFFFF |
|---|---|---|---|---|
| ##A656AE | 1.00 | 4.60 | 4.56 | 4.60 |
| #FFFFFF | 4.60 | 1.00 | 21.00 | 1.00 |
| #000000 | 4.56 | 21.00 | 1.00 | 21.00 |
| ##FFFFFF | 4.60 | 1.00 | 21.00 | 1.00 |
Color blindness preview
Protanopia (red-blind)
#4A6FB1
Deuteranopia (green-blind)
#6378AB
Tritanopia (blue-blind)
#A9617A
Achromatopsia (no color)
#757575
Design tokens & code
CSS
--color: #a656ae; /* rgb */ color: rgb(166, 86, 174); /* oklch */ color: oklch(58.2% 0.155 323.8);
Tailwind
colors: {
custom: {
50: '#c289c6',
500: '#a656ae',
950: '#000000',
},
}SCSS
$custom: #a656ae; $custom-light: #c289c6; $custom-dark: #000000;
JSON
{
"hex": "#a656ae",
"rgb": {
"r": 166,
"g": 86,
"b": 174
},
"hsl": {
"h": 294.545,
"s": 35.2,
"l": 50.98
},
"oklch": {
"l": 0.58186,
"c": 0.15482,
"h": 323.8
},
"luminance": 0.17819
}Semantic roles & 50–950 ramp
primary
#A656AE
secondary
#A0C39C
accent
#CB5D67
background
#FCF8FC
surface
#F8F0F8
border
#D1CBD1
text
#130C13
muted
#827D82