#BD5ECB#BD5ECB
#BD5ECB is a light, vivid purple. Relative luminance 0.231; OKLCH L 63.7% C 0.183 H 322.3°. Best body text is #000000 at 5.63:1 contrast (WCAG AA passes).
Color values
| HEX | #BD5ECB |
|---|---|
| RGB | rgb(189, 94, 203) |
| HSL | hsl(292, 51%, 58%) |
| HSV | hsv(292, 54%, 80%) |
| CMYK | cmyk(6.9%, 53.7%, 0%, 20.4%) |
| CIE-LAB | lab(55.21, 54.03, -40.33) |
| CIE-LCH | lch(55.21, 67.42, 323.26°) |
| OKLab | oklab(63.66% 0.1447 -0.1117) |
| OKLCH | oklch(63.66% 0.183 322.3) |
| XYZ | xyz(35.7673, 23.1377, 59.0703) |
| Luminance | 0.2314 (WCAG relative) |
| Temperature | neutral |
| Family | purple |
Closest named colors
Mediumorchid
#BA55D3
ΔE00 2.76
Pinky Purple
#C94CBE
ΔE00 4.44
Pinkish Purple
#D648D7
ΔE00 4.67
Purpleish Pink
#DF4EC8
ΔE00 6.22
Amethyst
#9B5FC0
ΔE00 6.67
Purpley Pink
#C83CB9
ΔE00 6.70
Perceptual scales
Shades
Tints
Tones
OKLCH scale
Color harmonies
complementary
#BD5ECB #6CCB5E
analogous
#865ECB #BD5ECB #CB5EA2
triadic
#BD5ECB #CBBD5E #5ECBBD
tetradic
#BD5ECB #CB865E #6CCB5E #5EA2CB
square
#BD5ECB #CB865E #6CCB5E #5EA2CB
split-complementary
#BD5ECB #A2CB5E #5ECB86
monochromatic
#782B84 #A33AB2 #BD5ECB #D08CDA #E3BBE9
Accessibility & contrast
On white
3.73
#BD5ECB on #FFFFFF
AA ✗AA large ✓AAA ✗
On black
5.63
#BD5ECB on #000000
AA ✓AA large ✓AAA ✗
Best text color
#000000 on #BD5ECB
5.63:1 — WCAG AA (normal text) passes
Contrast matrix
| fg \ bg | ##BD5ECB | #FFFFFF | #000000 | ##000000 |
|---|---|---|---|---|
| ##BD5ECB | 1.00 | 3.73 | 5.63 | 5.63 |
| #FFFFFF | 3.73 | 1.00 | 21.00 | 21.00 |
| #000000 | 5.63 | 21.00 | 1.00 | 1.00 |
| ##000000 | 5.63 | 21.00 | 1.00 | 1.00 |
Color blindness preview
Protanopia (red-blind)
#4C7DCF
Deuteranopia (green-blind)
#6B88C8
Tritanopia (blue-blind)
#BF6D8C
Achromatopsia (no color)
#848484
Design tokens & code
CSS
--color: #bd5ecb; /* rgb */ color: rgb(189, 94, 203); /* oklch */ color: oklch(63.7% 0.183 322.3);
Tailwind
colors: {
custom: {
50: '#d390db',
500: '#bd5ecb',
950: '#000000',
},
}SCSS
$custom: #bd5ecb; $custom-light: #d390db; $custom-dark: #000000;
JSON
{
"hex": "#bd5ecb",
"rgb": {
"r": 189,
"g": 94,
"b": 203
},
"hsl": {
"h": 292.294,
"s": 51.174,
"l": 58.235
},
"oklch": {
"l": 0.63656,
"c": 0.1828,
"h": 322.3
},
"luminance": 0.23136
}Semantic roles & 50–950 ramp
primary
#BD5ECB
secondary
#B2D8AD
accent
#DB4D5F
background
#FDF9FD
surface
#FAF1FB
border
#D3CBD4
text
#140D15
muted
#837E83