#BE87CE#BE87CE
#BE87CE is a light, moderate purple. Relative luminance 0.327; OKLCH L 70.2% C 0.117 H 318.4°. Best body text is #000000 at 7.55:1 contrast (WCAG AA passes).
Color values
| HEX | #BE87CE |
|---|---|
| RGB | rgb(190, 135, 206) |
| HSL | hsl(286, 42%, 67%) |
| HSV | hsv(286, 34%, 81%) |
| CMYK | cmyk(7.8%, 34.5%, 0%, 19.2%) |
| CIE-LAB | lab(63.94, 33.32, -28.41) |
| CIE-LCH | lch(63.94, 43.79, 319.55°) |
| OKLab | oklab(70.25% 0.0877 -0.0778) |
| OKLCH | oklch(70.25% 0.117 318.4) |
| XYZ | xyz(41.0382, 32.7324, 62.5367) |
| Luminance | 0.3273 (WCAG relative) |
| Temperature | cool |
| Family | purple |
Closest named colors
Pale Purple
#B790D4
ΔE00 3.50
Wisteria
#A87DC2
ΔE00 4.94
Orchid (survey)
#C875C4
ΔE00 5.41
Lavender Pink
#DD85D7
ΔE00 5.85
Orchid
#DA70D6
ΔE00 7.44
Lavender (survey)
#C79FEF
ΔE00 7.59
Perceptual scales
Shades
Tints
Tones
OKLCH scale
Color harmonies
complementary
#BE87CE #97CE87
analogous
#9B87CE #BE87CE #CE87BB
triadic
#BE87CE #CEBE87 #87CEBE
tetradic
#BE87CE #CE9B87 #97CE87 #87BBCE
square
#BE87CE #CE9B87 #97CE87 #87BBCE
split-complementary
#BE87CE #BBCE87 #87CE9B
monochromatic
#873F9B #A65CBC #BE87CE #D6B2E0 #EDDEF1
Accessibility & contrast
On white
2.78
#BE87CE on #FFFFFF
AA ✗AA large ✗AAA ✗
On black
7.55
#BE87CE on #000000
AA ✓AA large ✓AAA ✓
Best text color
#000000 on #BE87CE
7.55:1 — WCAG AA (normal text) passes
Contrast matrix
| fg \ bg | ##BE87CE | #FFFFFF | #000000 | ##000000 |
|---|---|---|---|---|
| ##BE87CE | 1.00 | 2.78 | 7.55 | 7.55 |
| #FFFFFF | 2.78 | 1.00 | 21.00 | 21.00 |
| #000000 | 7.55 | 21.00 | 1.00 | 1.00 |
| ##000000 | 7.55 | 21.00 | 1.00 | 1.00 |
Color blindness preview
Protanopia (red-blind)
#7E97D1
Deuteranopia (green-blind)
#8B9DCC
Tritanopia (blue-blind)
#BE8FA1
Achromatopsia (no color)
#9B9B9B
Design tokens & code
CSS
--color: #be87ce; /* rgb */ color: rgb(190, 135, 206); /* oklch */ color: oklch(70.2% 0.117 318.4);
Tailwind
colors: {
custom: {
50: '#d2abdd',
500: '#be87ce',
950: '#000000',
},
}SCSS
$custom: #be87ce; $custom-light: #d2abdd; $custom-dark: #000000;
JSON
{
"hex": "#be87ce",
"rgb": {
"r": 190,
"g": 135,
"b": 206
},
"hsl": {
"h": 286.479,
"s": 42.012,
"l": 66.863
},
"oklch": {
"l": 0.70247,
"c": 0.11723,
"h": 318.4
},
"luminance": 0.32731
}Semantic roles & 50–950 ramp
primary
#BE87CE
secondary
#D2E4CD
accent
#B5304E
background
#FDFAFD
surface
#FAF4FB
border
#D3CED4
text
#141015
muted
#837F83