#A84CCB#A84CCB
#A84CCB is a mid, vivid purple. Relative luminance 0.178; OKLCH L 58.7% C 0.200 H 315.5°. Best body text is #FFFFFF at 4.60:1 contrast (WCAG AA passes).
Color values
| HEX | #A84CCB |
|---|---|
| RGB | rgb(168, 76, 203) |
| HSL | hsl(283, 55%, 55%) |
| HSV | hsv(283, 63%, 80%) |
| CMYK | cmyk(17.2%, 62.6%, 0%, 20.4%) |
| CIE-LAB | lab(49.26, 57.28, -49.95) |
| CIE-LCH | lch(49.26, 76.00, 318.91°) |
| OKLab | oklab(58.73% 0.1424 -0.1401) |
| OKLCH | oklch(58.73% 0.2 315.5) |
| XYZ | xyz(29.5107, 17.8065, 58.3708) |
| Luminance | 0.1781 (WCAG relative) |
| Temperature | cool |
| Family | purple |
Closest named colors
Mediumorchid
#BA55D3
ΔE00 4.59
Lightish Purple
#A552E6
ΔE00 4.64
Amethyst
#9B5FC0
ΔE00 4.83
Purply
#983FB2
ΔE00 5.87
Darkorchid
#9932CC
ΔE00 6.40
Deep Lavender
#8D5EB7
ΔE00 6.64
Perceptual scales
Shades
Tints
Tones
OKLCH scale
Color harmonies
complementary
#A84CCB #6FCB4C
analogous
#694CCB #A84CCB #CB4CAE
triadic
#A84CCB #CBA84C #4CCBA8
tetradic
#A84CCB #CB694C #6FCB4C #4CAECB
square
#A84CCB #CB694C #6FCB4C #4CAECB
split-complementary
#A84CCB #AECB4C #4CCB69
monochromatic
#622379 #8831A9 #A84CCB #BF7BD9 #D6ABE7
Accessibility & contrast
On white
4.60
#A84CCB on #FFFFFF
AA ✓AA large ✓AAA ✗
On black
4.56
#A84CCB on #000000
AA ✓AA large ✓AAA ✗
Best text color
#FFFFFF on #A84CCB
4.60:1 — WCAG AA (normal text) passes
Contrast matrix
| fg \ bg | ##A84CCB | #FFFFFF | #000000 | ##FFFFFF |
|---|---|---|---|---|
| ##A84CCB | 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)
#1F70CF
Deuteranopia (green-blind)
#4B78C8
Tritanopia (blue-blind)
#A66385
Achromatopsia (no color)
#757575
Design tokens & code
CSS
--color: #a84ccb; /* rgb */ color: rgb(168, 76, 203); /* oklch */ color: oklch(58.7% 0.200 315.5);
Tailwind
colors: {
custom: {
50: '#c584db',
500: '#a84ccb',
950: '#000000',
},
}SCSS
$custom: #a84ccb; $custom-light: #c584db; $custom-dark: #000000;
JSON
{
"hex": "#a84ccb",
"rgb": {
"r": 168,
"g": 76,
"b": 203
},
"hsl": {
"h": 283.465,
"s": 54.978,
"l": 54.706
},
"oklch": {
"l": 0.58727,
"c": 0.19979,
"h": 315.5
},
"luminance": 0.17806
}Semantic roles & 50–950 ramp
primary
#A84CCB
secondary
#ADD49F
accent
#DE4973
background
#FCF8FD
surface
#F8EFFB
border
#D1CAD4
text
#130B15
muted
#827C83