#BD97EC#BD97EC
#BD97EC is a light, vivid violet. Relative luminance 0.390; OKLCH L 74.3% C 0.126 H 304.1°. Best body text is #000000 at 8.80:1 contrast (WCAG AA passes).
Color values
| HEX | #BD97EC |
|---|---|
| RGB | rgb(189, 151, 236) |
| HSL | hsl(267, 69%, 76%) |
| HSV | hsv(267, 36%, 93%) |
| CMYK | cmyk(19.9%, 36%, 0%, 7.5%) |
| CIE-LAB | lab(68.76, 30.59, -37.58) |
| CIE-LCH | lch(68.76, 48.45, 309.15°) |
| OKLab | oklab(74.28% 0.0703 -0.104) |
| OKLCH | oklch(74.28% 0.126 304.1) |
| XYZ | xyz(47.1901, 39.0083, 84.3839) |
| Luminance | 0.3901 (WCAG relative) |
| Temperature | cool |
| Family | violet |
Closest named colors
Baby Purple
#CA9BF7
ΔE00 2.58
Lavender (survey)
#C79FEF
ΔE00 2.61
Pastel Purple
#CAA0FF
ΔE00 3.48
Lilac (survey)
#CEA2FD
ΔE00 3.83
Liliac
#C48EFD
ΔE00 4.20
Pale Purple
#B790D4
ΔE00 4.45
Perceptual scales
Shades
Tints
Tones
OKLCH scale
Color harmonies
complementary
#BD97EC #C6EC97
analogous
#979BEC #BD97EC #E897EC
triadic
#BD97EC #ECBD97 #97ECBD
tetradic
#BD97EC #EC979B #C6EC97 #97ECE8
square
#BD97EC #EC979B #C6EC97 #97ECE8
split-complementary
#BD97EC #ECE897 #9BEC97
monochromatic
#7B30D9 #9C63E3 #BD97EC #DECBF5 #EFE5FA
Accessibility & contrast
On white
2.39
#BD97EC on #FFFFFF
AA ✗AA large ✗AAA ✗
On black
8.80
#BD97EC on #000000
AA ✓AA large ✓AAA ✓
Best text color
#000000 on #BD97EC
8.80:1 — WCAG AA (normal text) passes
Contrast matrix
| fg \ bg | ##BD97EC | #FFFFFF | #000000 | ##000000 |
|---|---|---|---|---|
| ##BD97EC | 1.00 | 2.39 | 8.80 | 8.80 |
| #FFFFFF | 2.39 | 1.00 | 21.00 | 21.00 |
| #000000 | 8.80 | 21.00 | 1.00 | 1.00 |
| ##000000 | 8.80 | 21.00 | 1.00 | 1.00 |
Color blindness preview
Protanopia (red-blind)
#84A7EF
Deuteranopia (green-blind)
#8CA8EA
Tritanopia (blue-blind)
#B6A4B7
Achromatopsia (no color)
#A8A8A8
Design tokens & code
CSS
--color: #bd97ec; /* rgb */ color: rgb(189, 151, 236); /* oklch */ color: oklch(74.3% 0.126 304.1);
Tailwind
colors: {
custom: {
50: '#d2b6f2',
500: '#bd97ec',
950: '#000000',
},
}SCSS
$custom: #bd97ec; $custom-light: #d2b6f2; $custom-dark: #000000;
JSON
{
"hex": "#bd97ec",
"rgb": {
"r": 189,
"g": 151,
"b": 236
},
"hsl": {
"h": 266.824,
"s": 69.106,
"l": 75.882
},
"oklch": {
"l": 0.74281,
"c": 0.12559,
"h": 304.1
},
"luminance": 0.39008
}Semantic roles & 50–950 ramp
primary
#BD97EC
secondary
#E7F2D9
accent
#D1147D
background
#FDFBFE
surface
#FAF6FD
border
#D3D0D5
text
#141117
muted
#838085