#A05DDD#A05DDD
#A05DDD is a mid, vivid violet. Relative luminance 0.205; OKLCH L 61.2% C 0.192 H 305.6°. Best body text is #000000 at 5.10:1 contrast (WCAG AA passes).
Color values
| HEX | #A05DDD |
|---|---|
| RGB | rgb(160, 93, 221) |
| HSL | hsl(271, 65%, 62%) |
| HSV | hsv(271, 58%, 87%) |
| CMYK | cmyk(27.6%, 57.9%, 0%, 13.3%) |
| CIE-LAB | lab(52.42, 50.94, -55.21) |
| CIE-LCH | lch(52.42, 75.12, 312.69°) |
| OKLab | oklab(61.15% 0.1116 -0.1558) |
| OKLCH | oklch(61.15% 0.192 305.6) |
| XYZ | xyz(31.4599, 20.5230, 70.6966) |
| Luminance | 0.2052 (WCAG relative) |
| Temperature | cool |
| Family | violet |
Closest named colors
Lightish Purple
#A552E6
ΔE00 2.55
Lighter Purple
#A55AF4
ΔE00 3.27
Amethyst
#9B5FC0
ΔE00 4.81
Purpley
#8756E4
ΔE00 5.53
Mediumpurple
#9370DB
ΔE00 5.64
Mediumorchid
#BA55D3
ΔE00 5.67
Perceptual scales
Shades
Tints
Tones
OKLCH scale
Color harmonies
complementary
#A05DDD #9ADD5D
analogous
#605DDD #A05DDD #DD5DDA
triadic
#A05DDD #DDA05D #5DDDA0
tetradic
#A05DDD #DD605D #9ADD5D #5DDADD
square
#A05DDD #DD605D #9ADD5D #5DDADD
split-complementary
#A05DDD #DADD5D #5DDD60
monochromatic
#63219E #822CD1 #A05DDD #BE90E8 #DBC2F2
Accessibility & contrast
On white
4.11
#A05DDD on #FFFFFF
AA ✗AA large ✓AAA ✗
On black
5.10
#A05DDD on #000000
AA ✓AA large ✓AAA ✗
Best text color
#000000 on #A05DDD
5.10:1 — WCAG AA (normal text) passes
Contrast matrix
| fg \ bg | ##A05DDD | #FFFFFF | #000000 | ##000000 |
|---|---|---|---|---|
| ##A05DDD | 1.00 | 4.11 | 5.10 | 5.10 |
| #FFFFFF | 4.11 | 1.00 | 21.00 | 21.00 |
| #000000 | 5.10 | 21.00 | 1.00 | 1.00 |
| ##000000 | 5.10 | 21.00 | 1.00 | 1.00 |
Color blindness preview
Protanopia (red-blind)
#277BE1
Deuteranopia (green-blind)
#447DDA
Tritanopia (blue-blind)
#967694
Achromatopsia (no color)
#7D7D7D
Design tokens & code
CSS
--color: #a05ddd; /* rgb */ color: rgb(160, 93, 221); /* oklch */ color: oklch(61.2% 0.192 305.6);
Tailwind
colors: {
custom: {
50: '#c08ee8',
500: '#a05ddd',
950: '#000000',
},
}SCSS
$custom: #a05ddd; $custom-light: #c08ee8; $custom-dark: #000000;
JSON
{
"hex": "#a05ddd",
"rgb": {
"r": 160,
"g": 93,
"b": 221
},
"hsl": {
"h": 271.406,
"s": 65.306,
"l": 61.569
},
"oklch": {
"l": 0.61154,
"c": 0.19167,
"h": 305.6
},
"luminance": 0.20523
}Semantic roles & 50–950 ramp
primary
#A05DDD
secondary
#CAE3B3
accent
#CD186F
background
#FCF8FE
surface
#F8F0FD
border
#D1CBD5
text
#130C16
muted
#827D84