#BE99DC#BE99DC
#BE99DC is a light, moderate violet. Relative luminance 0.389; OKLCH L 74.0% C 0.102 H 309.2°. Best body text is #000000 at 8.78:1 contrast (WCAG AA passes).
Color values
| HEX | #BE99DC |
|---|---|
| RGB | rgb(190, 153, 220) |
| HSL | hsl(273, 49%, 73%) |
| HSV | hsv(273, 30%, 86%) |
| CMYK | cmyk(13.6%, 30.5%, 0%, 13.7%) |
| CIE-LAB | lab(68.68, 26.27, -28.89) |
| CIE-LCH | lch(68.68, 39.05, 312.28°) |
| OKLab | oklab(74.03% 0.0647 -0.0792) |
| OKLCH | oklch(74.03% 0.102 309.2) |
| XYZ | xyz(45.5424, 38.8974, 72.8050) |
| Luminance | 0.3890 (WCAG relative) |
| Temperature | cool |
| Family | violet |
Closest named colors
Pale Purple
#B790D4
ΔE00 2.54
Lavender
#B39DDB
ΔE00 3.30
Lavender (survey)
#C79FEF
ΔE00 3.40
Baby Purple
#CA9BF7
ΔE00 4.94
Lilac (survey)
#CEA2FD
ΔE00 5.72
Pastel Purple
#CAA0FF
ΔE00 6.08
Perceptual scales
Shades
Tints
Tones
OKLCH scale
Color harmonies
complementary
#BE99DC #B7DC99
analogous
#9C99DC #BE99DC #DC99D8
triadic
#BE99DC #DCBE99 #99DCBE
tetradic
#BE99DC #DC9C99 #B7DC99 #99D8DC
square
#BE99DC #DC9C99 #B7DC99 #99D8DC
split-complementary
#BE99DC #D8DC99 #99DC9C
monochromatic
#8440BB #A16BCC #BE99DC #DBC7EC #F0E8F7
Accessibility & contrast
On white
2.39
#BE99DC on #FFFFFF
AA ✗AA large ✗AAA ✗
On black
8.78
#BE99DC on #000000
AA ✓AA large ✓AAA ✓
Best text color
#000000 on #BE99DC
8.78:1 — WCAG AA (normal text) passes
Contrast matrix
| fg \ bg | ##BE99DC | #FFFFFF | #000000 | ##000000 |
|---|---|---|---|---|
| ##BE99DC | 1.00 | 2.39 | 8.78 | 8.78 |
| #FFFFFF | 2.39 | 1.00 | 21.00 | 21.00 |
| #000000 | 8.78 | 21.00 | 1.00 | 1.00 |
| ##000000 | 8.78 | 21.00 | 1.00 | 1.00 |
Color blindness preview
Protanopia (red-blind)
#8DA6DF
Deuteranopia (green-blind)
#95A8DA
Tritanopia (blue-blind)
#BBA2B1
Achromatopsia (no color)
#A7A7A7
Design tokens & code
CSS
--color: #be99dc; /* rgb */ color: rgb(190, 153, 220); /* oklch */ color: oklch(74.0% 0.102 309.2);
Tailwind
colors: {
custom: {
50: '#d2b7e7',
500: '#be99dc',
950: '#000000',
},
}SCSS
$custom: #be99dc; $custom-light: #d2b7e7; $custom-dark: #000000;
JSON
{
"hex": "#be99dc",
"rgb": {
"r": 190,
"g": 153,
"b": 220
},
"hsl": {
"h": 273.134,
"s": 48.905,
"l": 73.137
},
"oklch": {
"l": 0.7403,
"c": 0.10231,
"h": 309.2
},
"luminance": 0.38897
}Semantic roles & 50–950 ramp
primary
#BE99DC
secondary
#E5EEDD
accent
#BC296B
background
#FCFBFE
surface
#F9F6FC
border
#D2D0D5
text
#141116
muted
#828084