Maroon Colors  ·  Color Library

Palettes / Colors / #CD8CF2

#CD8CF2 — Light Vivid Purple

#CD8CF2 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 #CD8CF2 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.

#CD8CF2 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.

#CD8CF2 · RGB 205, 140, 242

Download PNG swatch SVG

Color values

HEX#CD8CF2
RGB205, 140, 242
HSL278°, 80%, 75%
HSV278°, 42%, 95%
CMYK15%, 42%, 0%, 5%
XYZ50.58, 38.15, 88.70
Yxy38.15, 0.2851, 0.2150
CIE-Lab68.13, 42.57, -41.74
Hunter Lab61.76, 42.06, -47.02

RGB & CMYK percentages

Red 80% · Green 55% · Blue 95%

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

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

Previews

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

CSS code for #CD8CF2

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

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

Shades of #CD8CF2

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

Tints of #CD8CF2

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

Tones of #CD8CF2

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

Color harmonies

Complementary — #B2F28C:

Analogous:

Triadic:

Contrast & accessibility

Against white text2.43:1 Fails
Against black text8.63:1 AAA

Best text color on #CD8CF2: #000000.

Semi-transparent (opacity) text on #CD8CF2

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

How #CD8CF2 looks with color blindness

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

Protanopia · #B1B0D9Deuteranopia · #B5BAD3Tritanopia · #CAC6C2

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 #CD8CF2 rather than the exact color:

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

Similar colors

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

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

Browse neighbouring colors

← #CD8CF1  ·  #CD8CF3 →

Frequently asked questions

What color is #CD8CF2?

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

What is the RGB and HSL of #CD8CF2?

#CD8CF2 is RGB 205, 140, 242 — HSL 278°, 80%, 75% — CMYK 15%, 42%, 0%, 5%.

What colors go with #CD8CF2?

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

Can I use #CD8CF2 for text?

Black text on #CD8CF2 has a contrast ratio of 8.63:1 (passes WCAG AA); white text gives 2.43:1.