#AD85CA#AD85CA
#AD85CA is a light, moderate violet. Relative luminance 0.299; OKLCH L 68.0% C 0.108 H 310.3°. Best body text is #000000 at 6.98:1 contrast (WCAG AA passes).
Color values
| HEX | #AD85CA |
|---|---|
| RGB | rgb(173, 133, 202) |
| HSL | hsl(275, 39%, 66%) |
| HSV | hsv(275, 34%, 79%) |
| CMYK | cmyk(14.4%, 34.2%, 0%, 20.8%) |
| CIE-LAB | lab(61.59, 28.27, -29.95) |
| CIE-LCH | lch(61.59, 41.18, 313.34°) |
| OKLab | oklab(68.01% 0.0698 -0.0824) |
| OKLCH | oklch(68.01% 0.108 310.3) |
| XYZ | xyz(36.2799, 29.9240, 59.7303) |
| Luminance | 0.2992 (WCAG relative) |
| Temperature | cool |
| Family | violet |
Closest named colors
Wisteria
#A87DC2
ΔE00 2.49
Pale Purple
#B790D4
ΔE00 3.36
Soft Purple
#A66FB5
ΔE00 6.89
Lavender
#B39DDB
ΔE00 7.06
Heather
#A484AC
ΔE00 7.14
Orchid (survey)
#C875C4
ΔE00 7.69
Perceptual scales
Shades
Tints
Tones
OKLCH scale
Color harmonies
complementary
#AD85CA #A2CA85
analogous
#8A85CA #AD85CA #CA85C4
triadic
#AD85CA #CAAD85 #85CAAD
tetradic
#AD85CA #CA8A85 #A2CA85 #85C4CA
square
#AD85CA #CA8A85 #A2CA85 #85C4CA
split-complementary
#AD85CA #C4CA85 #85CA8A
monochromatic
#714094 #905AB7 #AD85CA #CAB0DD #E6DAEF
Accessibility & contrast
On white
3.01
#AD85CA on #FFFFFF
AA ✗AA large ✓AAA ✗
On black
6.98
#AD85CA on #000000
AA ✓AA large ✓AAA ✗
Best text color
#000000 on #AD85CA
6.98:1 — WCAG AA (normal text) passes
Contrast matrix
| fg \ bg | ##AD85CA | #FFFFFF | #000000 | ##000000 |
|---|---|---|---|---|
| ##AD85CA | 1.00 | 3.01 | 6.98 | 6.98 |
| #FFFFFF | 3.01 | 1.00 | 21.00 | 21.00 |
| #000000 | 6.98 | 21.00 | 1.00 | 1.00 |
| ##000000 | 6.98 | 21.00 | 1.00 | 1.00 |
Color blindness preview
Protanopia (red-blind)
#7993CD
Deuteranopia (green-blind)
#8196C8
Tritanopia (blue-blind)
#AA8F9E
Achromatopsia (no color)
#959595
Design tokens & code
CSS
--color: #ad85ca; /* rgb */ color: rgb(173, 133, 202); /* oklch */ color: oklch(68.0% 0.108 310.3);
Tailwind
colors: {
custom: {
50: '#c6a9da',
500: '#ad85ca',
950: '#000000',
},
}SCSS
$custom: #ad85ca; $custom-light: #c6a9da; $custom-dark: #000000;
JSON
{
"hex": "#ad85ca",
"rgb": {
"r": 173,
"g": 133,
"b": 202
},
"hsl": {
"h": 274.783,
"s": 39.429,
"l": 65.686
},
"oklch": {
"l": 0.68008,
"c": 0.10798,
"h": 310.3
},
"luminance": 0.29924
}Semantic roles & 50–950 ramp
primary
#AD85CA
secondary
#D4E1CA
accent
#B23369
background
#FCFAFD
surface
#F8F4FA
border
#D1CED3
text
#131015
muted
#827F83