#BF95FD#BF95FD
#BF95FD is a light, vivid violet. Relative luminance 0.397; OKLCH L 74.9% C 0.151 H 301.5°. Best body text is #000000 at 8.93:1 contrast (WCAG AA passes).
Color values
| HEX | #BF95FD |
|---|---|
| RGB | rgb(191, 149, 253) |
| HSL | hsl(264, 96%, 79%) |
| HSV | hsv(264, 41%, 99%) |
| CMYK | cmyk(24.5%, 41.1%, 0%, 0.8%) |
| CIE-LAB | lab(69.23, 36.15, -46.11) |
| CIE-LCH | lch(69.23, 58.59, 308.10°) |
| OKLab | oklab(74.93% 0.0788 -0.1286) |
| OKLCH | oklch(74.93% 0.151 301.5) |
| XYZ | xyz(49.9590, 39.6630, 97.9332) |
| Luminance | 0.3966 (WCAG relative) |
| Temperature | cool |
| Family | violet |
Closest named colors
Liliac
#C48EFD
ΔE00 2.21
Pastel Purple
#CAA0FF
ΔE00 3.23
Baby Purple
#CA9BF7
ΔE00 3.27
Lilac (survey)
#CEA2FD
ΔE00 4.25
Lavender (survey)
#C79FEF
ΔE00 4.76
Pale Violet
#CEAEFA
ΔE00 7.21
Perceptual scales
Shades
Tints
Tones
OKLCH scale
Color harmonies
complementary
#BF95FD #D3FD95
analogous
#959FFD #BF95FD #F395FD
triadic
#BF95FD #FDBF95 #95FDBF
tetradic
#BF95FD #FD959F #D3FD95 #95FDF3
square
#BF95FD #FD959F #D3FD95 #95FDF3
split-complementary
#BF95FD #FDF395 #9FFD95
monochromatic
#761DFB #9B59FC #BF95FD #E3D1FE #EDE1FE
Accessibility & contrast
On white
2.35
#BF95FD on #FFFFFF
AA ✗AA large ✗AAA ✗
On black
8.93
#BF95FD on #000000
AA ✓AA large ✓AAA ✓
Best text color
#000000 on #BF95FD
8.93:1 — WCAG AA (normal text) passes
Contrast matrix
| fg \ bg | ##BF95FD | #FFFFFF | #000000 | ##000000 |
|---|---|---|---|---|
| ##BF95FD | 1.00 | 2.35 | 8.93 | 8.93 |
| #FFFFFF | 2.35 | 1.00 | 21.00 | 21.00 |
| #000000 | 8.93 | 21.00 | 1.00 | 1.00 |
| ##000000 | 8.93 | 21.00 | 1.00 | 1.00 |
Color blindness preview
Protanopia (red-blind)
#7AA8FF
Deuteranopia (green-blind)
#83A9FA
Tritanopia (blue-blind)
#B4A7BD
Achromatopsia (no color)
#A9A9A9
Design tokens & code
CSS
--color: #bf95fd; /* rgb */ color: rgb(191, 149, 253); /* oklch */ color: oklch(74.9% 0.151 301.5);
Tailwind
colors: {
custom: {
50: '#d4b4fe',
500: '#bf95fd',
950: '#000000',
},
}SCSS
$custom: #bf95fd; $custom-light: #d4b4fe; $custom-dark: #000000;
JSON
{
"hex": "#bf95fd",
"rgb": {
"r": 191,
"g": 149,
"b": 253
},
"hsl": {
"h": 264.231,
"s": 96.296,
"l": 78.824
},
"oklch": {
"l": 0.74927,
"c": 0.15083,
"h": 301.5
},
"luminance": 0.39663
}Semantic roles & 50–950 ramp
primary
#BF95FD
secondary
#E9F7D4
accent
#E60089
background
#FDFBFF
surface
#FAF6FF
border
#D3D0D7
text
#141118
muted
#838086