Maroon Colors  ·  Color Library

Palettes / Colors / #CD8BF2

#CD8BF2 — Light Vivid Purple

#CD8BF2 is a purple color we call Light Vivid 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 #CD8BF2 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.

#CD8BF2 is a cool purple color associated with luxury, creativity and mystery. It is saturated enough to be the accent — buttons, highlights and calls to action — while neutrals do the quiet work around it.

Its strongest partner is its complement #B2F28C; it also sits naturally between #9A8CF2 and #F28CE5. In the palettes below you can see it working alongside real color combinations from our collection.

#CD8BF2 · RGB 205, 139, 242

Download PNG swatch SVG

Color values

HEX#CD8BF2
RGB205, 139, 242
HSL278°, 80%, 75%
HSV278°, 43%, 95%
CMYK15%, 43%, 0%, 5%
XYZ50.44, 37.86, 88.65
Yxy37.86, 0.2850, 0.2139
CIE-Lab67.91, 43.10, -42.08
Hunter Lab61.53, 42.61, -47.47

RGB & CMYK percentages

Red 80% · Green 55% · Blue 95%

Cyan 15% · Magenta 43% · Yellow 0% · Key 5%

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

Previews

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

CSS code for #CD8BF2

.text { color: #CD8BF2; }
.background { background-color: #CD8BF2; }
.border { border: 3px solid #CD8BF2; }
.text-rgb { color: rgb(205, 139, 242); }
.text-hsl { color: hsl(278, 80%, 75%); }
.text-shadow-hex { text-shadow: 4px 4px 2px #CD8BF2; }
.text-shadow-rgba { text-shadow: 4px 4px 2px rgba(205, 139, 242, 0.8); }
.box-shadow-hex { box-shadow: 1px 1px 3px 2px #CD8BF2; }
.box-shadow-rgba { box-shadow: 1px 1px 3px 2px rgba(205, 139, 242, 0.8); }

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

Shades of #CD8BF2

#BF6CEF#B14CEB#A32CE8#9118D8#7C14B8#631093#4D0D73#380953#220632#0C0212

Tints of #CD8BF2

#D195F3#D59FF4#D9A8F5#DDB1F6#E3BFF8#E7C8F9#EBD1FA#EFDAFB#F3E3FC#F7EDFD

Tones of #CD8BF2

#CB93EB#C99BE4#C7A2DD#C5AAD5#C3B1CE#C1B8C6

Color harmonies

Complementary — #B2F28C:

Analogous:

Triadic:

Contrast & accessibility

Against white text2.45:1 Fails
Against black text8.57:1 AAA

Best text color on #CD8BF2: #000000.

Semi-transparent (opacity) text on #CD8BF2

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 #CD8BF2: ·

How #CD8BF2 looks with color blindness

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

Protanopia · #B0B0D9Deuteranopia · #B4B9D3Tritanopia · #CAC5C1

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 · #A855F7Tailwind fuchsia 500 · #D946EFTailwind violet 500 · #8B5CF6

Palettes with a similar color

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

Palette 4e56c0
#4E56C0 · #9B5DE0 · #D78FEE · #FDCFFA
Misty Canyon
#DAA5EE · #CD82E9 · #741895 · #3A0A4C
Palette Eeeeee
#EEEEEE · #CDE8F6 · #D195F9 · #0033C7
Palette 1230ae
#1230AE · #6C48C5 · #C68FE6 · #FFF7F7
Palette Ffe7c1
#FFE7C1 · #F3CCF3 · #E9A8F2 · #DC84F3
Palette F2afef
#F2AFEF · #C499F3 · #7360DF · #33186B

Similar colors

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

#D78FEE#CD82E9#D195F9#C68FE6#DC84F3#C499F3#DD85F0#C490E4#CB9DF0#D59BF6#D18CE0#C49AEB

Browse neighbouring colors

← #CD8BF1  ·  #CD8BF3 →

Frequently asked questions

What color is #CD8BF2?

#CD8BF2 is Light Vivid Purple, a purple color (RGB 205, 139, 242). Its closest standard named color is Plum.

What is the RGB and HSL of #CD8BF2?

#CD8BF2 is RGB 205, 139, 242 — HSL 278°, 80%, 75% — CMYK 15%, 43%, 0%, 5%.

What colors go with #CD8BF2?

Its complement is #B2F28C; analogous partners are #9A8CF2 and #F28CE5. It also appears in 6+ palettes in our collection.

Can I use #CD8BF2 for text?

Black text on #CD8BF2 has a contrast ratio of 8.57:1 (passes WCAG AA); white text gives 2.45:1.