#A17DCD#A17DCD
#A17DCD is a light, vivid violet. Relative luminance 0.267; OKLCH L 65.5% C 0.122 H 304.0°. Best body text is #000000 at 6.33:1 contrast (WCAG AA passes).
Color values
| HEX | #A17DCD |
|---|---|
| RGB | rgb(161, 125, 205) |
| HSL | hsl(267, 44%, 65%) |
| HSV | hsv(267, 39%, 80%) |
| CMYK | cmyk(21.5%, 39%, 0%, 19.6%) |
| CIE-LAB | lab(58.65, 29.82, -36.30) |
| CIE-LCH | lch(58.65, 46.98, 309.41°) |
| OKLab | oklab(65.55% 0.0679 -0.1008) |
| OKLCH | oklch(65.55% 0.122 304) |
| XYZ | xyz(33.0487, 26.6522, 61.1491) |
| Luminance | 0.2665 (WCAG relative) |
| Temperature | cool |
| Family | violet |
Closest named colors
Wisteria
#A87DC2
ΔE00 3.43
Deep Lilac
#966EBD
ΔE00 5.12
Mediumpurple
#9370DB
ΔE00 6.13
Soft Purple
#A66FB5
ΔE00 6.52
Pale Purple
#B790D4
ΔE00 6.70
Light Purple
#BF77F6
ΔE00 8.01
Perceptual scales
Shades
Tints
Tones
OKLCH scale
Color harmonies
complementary
#A17DCD #A9CD7D
analogous
#7D81CD #A17DCD #C97DCD
triadic
#A17DCD #CDA17D #7DCDA1
tetradic
#A17DCD #CD7D81 #A9CD7D #7DCDC9
square
#A17DCD #CD7D81 #A9CD7D #7DCDC9
split-complementary
#A17DCD #CDC97D #81CD7D
monochromatic
#633A96 #8151BC #A17DCD #C1A9DE #E1D5EF
Accessibility & contrast
On white
3.32
#A17DCD on #FFFFFF
AA ✗AA large ✓AAA ✗
On black
6.33
#A17DCD on #000000
AA ✓AA large ✓AAA ✗
Best text color
#000000 on #A17DCD
6.33:1 — WCAG AA (normal text) passes
Contrast matrix
| fg \ bg | ##A17DCD | #FFFFFF | #000000 | ##000000 |
|---|---|---|---|---|
| ##A17DCD | 1.00 | 3.32 | 6.33 | 6.33 |
| #FFFFFF | 3.32 | 1.00 | 21.00 | 21.00 |
| #000000 | 6.33 | 21.00 | 1.00 | 1.00 |
| ##000000 | 6.33 | 21.00 | 1.00 | 1.00 |
Color blindness preview
Protanopia (red-blind)
#6A8CD0
Deuteranopia (green-blind)
#728DCB
Tritanopia (blue-blind)
#9A8A9B
Achromatopsia (no color)
#8D8D8D
Design tokens & code
CSS
--color: #a17dcd; /* rgb */ color: rgb(161, 125, 205); /* oklch */ color: oklch(65.5% 0.122 304.0);
Tailwind
colors: {
custom: {
50: '#bea3dc',
500: '#a17dcd',
950: '#000000',
},
}SCSS
$custom: #a17dcd; $custom-light: #bea3dc; $custom-dark: #000000;
JSON
{
"hex": "#a17dcd",
"rgb": {
"r": 161,
"g": 125,
"b": 205
},
"hsl": {
"h": 267,
"s": 44.444,
"l": 64.706
},
"oklch": {
"l": 0.65547,
"c": 0.12155,
"h": 304
},
"luminance": 0.26652
}Semantic roles & 50–950 ramp
primary
#A17DCD
secondary
#D4E1C5
accent
#B82E7A
background
#FBFAFD
surface
#F7F4FB
border
#D0CED4
text
#120F15
muted
#817F83