#BD91BA#BD91BA
#BD91BA is a light, moderate purple. Relative luminance 0.346; OKLCH L 71.1% C 0.077 H 328.6°. Best body text is #000000 at 7.92:1 contrast (WCAG AA passes).
Color values
| HEX | #BD91BA |
|---|---|
| RGB | rgb(189, 145, 186) |
| HSL | hsl(304, 25%, 65%) |
| HSV | hsv(304, 23%, 74%) |
| CMYK | cmyk(0%, 23.3%, 1.6%, 25.9%) |
| CIE-LAB | lab(65.45, 23.54, -14.91) |
| CIE-LCH | lch(65.45, 27.87, 327.64°) |
| OKLab | oklab(71.13% 0.0656 -0.04) |
| OKLCH | oklch(71.13% 0.077 328.6) |
| XYZ | xyz(39.9737, 34.6159, 51.0207) |
| Luminance | 0.3462 (WCAG relative) |
| Temperature | neutral |
| Family | purple |
Closest named colors
Dusty Lavender
#AC86A8
ΔE00 4.63
Lilac
#C8A2C8
ΔE00 4.71
Heather
#A484AC
ΔE00 5.91
Pale Purple
#B790D4
ΔE00 7.48
Plum
#DDA0DD
ΔE00 7.71
Light Mauve
#C292A1
ΔE00 8.51
Perceptual scales
Shades
Tints
Tones
OKLCH scale
Color harmonies
complementary
#BD91BA #91BD94
analogous
#AA91BD #BD91BA #BD91A4
triadic
#BD91BA #BABD91 #91BABD
tetradic
#BD91BA #BDAA91 #91BD94 #91A4BD
square
#BD91BA #BDAA91 #91BD94 #91A4BD
split-complementary
#BD91BA #A4BD91 #91BDAA
monochromatic
#844F81 #A66BA2 #BD91BA #D4B7D2 #EBDDEA
Accessibility & contrast
On white
2.65
#BD91BA on #FFFFFF
AA ✗AA large ✗AAA ✗
On black
7.92
#BD91BA on #000000
AA ✓AA large ✓AAA ✓
Best text color
#000000 on #BD91BA
7.92:1 — WCAG AA (normal text) passes
Contrast matrix
| fg \ bg | ##BD91BA | #FFFFFF | #000000 | ##000000 |
|---|---|---|---|---|
| ##BD91BA | 1.00 | 2.65 | 7.92 | 7.92 |
| #FFFFFF | 2.65 | 1.00 | 21.00 | 21.00 |
| #000000 | 7.92 | 21.00 | 1.00 | 1.00 |
| ##000000 | 7.92 | 21.00 | 1.00 | 1.00 |
Color blindness preview
Protanopia (red-blind)
#8F9BBC
Deuteranopia (green-blind)
#99A1B8
Tritanopia (blue-blind)
#C0949F
Achromatopsia (no color)
#9F9F9F
Design tokens & code
CSS
--color: #bd91ba; /* rgb */ color: rgb(189, 145, 186); /* oklch */ color: oklch(71.1% 0.077 328.6);
Tailwind
colors: {
custom: {
50: '#d1b1ce',
500: '#bd91ba',
950: '#000000',
},
}SCSS
$custom: #bd91ba; $custom-light: #d1b1ce; $custom-dark: #000000;
JSON
{
"hex": "#bd91ba",
"rgb": {
"r": 189,
"g": 145,
"b": 186
},
"hsl": {
"h": 304.091,
"s": 25,
"l": 65.49
},
"oklch": {
"l": 0.71131,
"c": 0.07685,
"h": 328.6
},
"luminance": 0.34615
}Semantic roles & 50–950 ramp
primary
#BD91BA
secondary
#CEDCCF
accent
#A44942
background
#FCFAFC
surface
#F9F5F9
border
#D2CFD2
text
#141013
muted
#827F82