Maroon Colors  ·  Color Library

Palettes / Colors / #BB94DF

#BB94DF — Light Muted Purple

#BB94DF is a purple color we call Light Muted Purple, closest to the named color Plum (#DDA0DD). It belongs to the purple family.

Color name

Closest CSS keyword: plum (#DDA0DD) — not an exact match. CSS plum gives you #DDA0DD, a different color; use #BB94DF when you need this exact shade.

Sources: common names follow widely used color-name references; CSS keywords and their hex values follow the CSS Color specification.

#BB94DF is a cool purple color associated with luxury, creativity and mystery. It sits comfortably in the middle: usable for large areas in soft schemes, or as a supporting color beside something stronger.

Its strongest partner is its complement #B9DF95; it also sits naturally between #9695DF and #DF95DE. In the palettes below you can see it working alongside real color combinations from our collection.

#BB94DF · RGB 187, 148, 223

Download PNG swatch SVG

Color values

HEX#BB94DF
RGB187, 148, 223
HSL271°, 54%, 73%
HSV271°, 34%, 87%
CMYK16%, 34%, 0%, 13%
XYZ44.40, 37.07, 74.63
Yxy37.07, 0.2844, 0.2375
CIE-Lab67.33, 28.78, -32.66
Hunter Lab60.89, 27.30, -34.65

RGB & CMYK percentages

Red 73% · Green 58% · Blue 87%

Cyan 16% · Magenta 34% · Yellow 0% · Key 13%

CMYK values are unprofiled approximations for screen reference — not a print-proofing guarantee.

Previews

Sample text in #BB94DF on black
Lorem ipsum dolor sit amet, consectetur adipiscing elit.
Sample text in #BB94DF on white
Lorem ipsum dolor sit amet, consectetur adipiscing elit.

CSS code for #BB94DF

.text { color: #BB94DF; }
.background { background-color: #BB94DF; }
.border { border: 3px solid #BB94DF; }
.text-rgb { color: rgb(187, 148, 223); }
.text-hsl { color: hsl(271, 54%, 73%); }
.text-shadow-hex { text-shadow: 4px 4px 2px #BB94DF; }
.text-shadow-rgba { text-shadow: 4px 4px 2px rgba(187, 148, 223, 0.8); }
.box-shadow-hex { box-shadow: 1px 1px 3px 2px #BB94DF; }
.box-shadow-rgba { box-shadow: 1px 1px 3px 2px rgba(187, 148, 223, 0.8); }

HTML: <p style="color:#BB94DF">Text here</p> · <div style="background-color:#BB94DF">Div content here</div>

Shades of #BB94DF

#AA79D7#985ECF#8743C7#7535B1#652E99#53267E#411D62#2F1547#1D0D2B#0A0510

Tints of #BB94DF

#C09DE2#C8A9E5#CDB0E8#D2B8EA#D9C4ED#DECCF0#E3D4F2#E8DCF4#F0E7F8#F5EFFA

Tones of #BB94DF

#BB9ADA#BB9FD5#BBA5CF#BBAACA#BAB0C4#BAB5C0

Color harmonies

Complementary — #B9DF95:

Analogous:

Triadic:

Contrast & accessibility

Against white text2.50:1 Fails
Against black text8.41:1 AAA

Best text color on #BB94DF: #000000.

Semi-transparent (opacity) text on #BB94DF

Text set with opacity blends into the background, so its real contrast is lower than the solid ratios above. Choose a text color and an opacity to see the blended color and its true ratio:

100%
Sample heading text
Smaller body text shows the effect best.

Blended color: · Contrast against #BB94DF: ·

How #BB94DF looks with color blindness

Simulated with standard Machado color-vision-deficiency matrices — useful when this color carries meaning in charts, maps or interfaces:

Protanopia · #AAAACDDeuteranopia · #ACAFC9Tritanopia · #B9BFBB

Closest design-system colors

The nearest matches in the Tailwind CSS, Material Design and Bootstrap palettes — handy when you need a framework class instead of a raw hex:

Tailwind purple 500 · #A855F7Material Grey 500 · #9E9E9ETailwind violet 500 · #8B5CF6

Palettes with a similar color

These palettes use a close neighbour of #BB94DF rather than the exact color:

Golden Mosaic
#DBCBF1 · #B79ADF · #6B31B9 · #582998
Vintage Ruby Opal
#2391B7 · #5361CC · #B98EE4 · #E17BD4
Burning Ruby Horizon
#C193D9 · #CF69B6 · #DC95A0 · #CD8A56
Palette Fce2db
#FCE2DB · #F1C6D3 · #E4A3D4 · #C295D8
Palette Cdf0ea
#CDF0EA · #F9F9F9 · #F6C6EA · #C490E4
Palette Be9fe1
#BE9FE1 · #C9B6E4 · #E1CCEC · #F1F1F6

Similar colors

The closest colors that actually appear in our palette collection — click any to open its page:

#B79ADF#B98EE4#C193D9#C295D8#C490E4#BE9FE1#B090DE#B58ADB#C68FE6#BA94D1#C59EE0#BFA2DB

Browse neighbouring colors

← #BB94DE  ·  #BB94E0 →

Frequently asked questions

What color is #BB94DF?

#BB94DF is Light Muted Purple, a purple color (RGB 187, 148, 223). Its closest standard named color is Plum.

What is the RGB and HSL of #BB94DF?

#BB94DF is RGB 187, 148, 223 — HSL 271°, 54%, 73% — CMYK 16%, 34%, 0%, 13%.

What colors go with #BB94DF?

Its complement is #B9DF95; analogous partners are #9695DF and #DF95DE. It also appears in 6+ palettes in our collection.

Can I use #BB94DF for text?

Black text on #BB94DF has a contrast ratio of 8.41:1 (passes WCAG AA); white text gives 2.50:1.