#BC95FC#BC95FC
#BC95FC is a light, vivid violet. Relative luminance 0.392; OKLCH L 74.6% C 0.149 H 300.3°. Best body text is #000000 at 8.84:1 contrast (WCAG AA passes).
Color values
| HEX | #BC95FC |
|---|---|
| RGB | rgb(188, 149, 252) |
| HSL | hsl(263, 94%, 79%) |
| HSV | hsv(263, 41%, 99%) |
| CMYK | cmyk(25.4%, 40.9%, 0%, 1.2%) |
| CIE-LAB | lab(68.91, 35.09, -46.09) |
| CIE-LCH | lch(68.91, 57.93, 307.28°) |
| OKLab | oklab(74.6% 0.0751 -0.1286) |
| OKLCH | oklch(74.6% 0.149 300.3) |
| XYZ | xyz(49.0532, 39.2143, 97.0614) |
| Luminance | 0.3921 (WCAG relative) |
| Temperature | cool |
| Family | violet |
Closest named colors
Liliac
#C48EFD
ΔE00 2.62
Pastel Purple
#CAA0FF
ΔE00 3.54
Baby Purple
#CA9BF7
ΔE00 3.66
Lilac (survey)
#CEA2FD
ΔE00 4.58
Lavender (survey)
#C79FEF
ΔE00 4.97
Lavender
#B39DDB
ΔE00 7.26
Perceptual scales
Shades
Tints
Tones
OKLCH scale
Color harmonies
complementary
#BC95FC #D5FC95
analogous
#95A1FC #BC95FC #EF95FC
triadic
#BC95FC #FCBC95 #95FCBC
tetradic
#BC95FC #FC95A1 #D5FC95 #95FCEF
square
#BC95FC #FC95A1 #D5FC95 #95FCEF
split-complementary
#BC95FC #FCEF95 #A1FC95
monochromatic
#711EF9 #9659FA #BC95FC #E2D1FE #ECE1FE
Accessibility & contrast
On white
2.37
#BC95FC on #FFFFFF
AA ✗AA large ✗AAA ✗
On black
8.84
#BC95FC on #000000
AA ✓AA large ✓AAA ✓
Best text color
#000000 on #BC95FC
8.84:1 — WCAG AA (normal text) passes
Contrast matrix
| fg \ bg | ##BC95FC | #FFFFFF | #000000 | ##000000 |
|---|---|---|---|---|
| ##BC95FC | 1.00 | 2.37 | 8.84 | 8.84 |
| #FFFFFF | 2.37 | 1.00 | 21.00 | 21.00 |
| #000000 | 8.84 | 21.00 | 1.00 | 1.00 |
| ##000000 | 8.84 | 21.00 | 1.00 | 1.00 |
Color blindness preview
Protanopia (red-blind)
#7AA8FF
Deuteranopia (green-blind)
#82A8F9
Tritanopia (blue-blind)
#B0A7BD
Achromatopsia (no color)
#A8A8A8
Design tokens & code
CSS
--color: #bc95fc; /* rgb */ color: rgb(188, 149, 252); /* oklch */ color: oklch(74.6% 0.149 300.3);
Tailwind
colors: {
custom: {
50: '#d2b4fe',
500: '#bc95fc',
950: '#000000',
},
}SCSS
$custom: #bc95fc; $custom-light: #d2b4fe; $custom-dark: #000000;
JSON
{
"hex": "#bc95fc",
"rgb": {
"r": 188,
"g": 149,
"b": 252
},
"hsl": {
"h": 262.718,
"s": 94.495,
"l": 78.627
},
"oklch": {
"l": 0.74603,
"c": 0.14896,
"h": 300.3
},
"luminance": 0.39215
}Semantic roles & 50–950 ramp
primary
#BC95FC
secondary
#EAF6D5
accent
#E6008F
background
#FDFBFF
surface
#FAF6FF
border
#D3D0D7
text
#141118
muted
#838086