Maroon Colors  ·  Color Library

Palettes / Colors / #CD89D2

#CD89D2 — Light Muted Pink

#CD89D2 is a pink color we call Light Muted Pink, closest to the named color Orchid (#DA70D6). It belongs to the pink family.

Color name

Closest CSS keyword: orchid (#DA70D6) — not an exact match. CSS orchid gives you #DA70D6, a different color; use #CD89D2 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.

#CD89D2 is a cool pink color associated with playfulness, romance and softness. 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 #8ED289; it also sits naturally between #A989D2 and #D289B2. In the palettes below you can see it working alongside real color combinations from our collection.

#CD89D2 · RGB 205, 137, 210

Download PNG swatch SVG

Color values

HEX#CD89D2
RGB205, 137, 210
HSL296°, 45%, 68%
HSV296°, 35%, 82%
CMYK2%, 35%, 0%, 18%
XYZ45.76, 35.52, 65.42
Yxy35.52, 0.3119, 0.2422
CIE-Lab66.15, 37.75, -27.12
Hunter Lab59.60, 36.48, -27.62

RGB & CMYK percentages

Red 80% · Green 54% · Blue 82%

Cyan 2% · Magenta 35% · Yellow 0% · Key 18%

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

Previews

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

CSS code for #CD89D2

.text { color: #CD89D2; }
.background { background-color: #CD89D2; }
.border { border: 3px solid #CD89D2; }
.text-rgb { color: rgb(205, 137, 210); }
.text-hsl { color: hsl(296, 45%, 68%); }
.text-shadow-hex { text-shadow: 4px 4px 2px #CD89D2; }
.text-shadow-rgba { text-shadow: 4px 4px 2px rgba(205, 137, 210, 0.8); }
.box-shadow-hex { box-shadow: 1px 1px 3px 2px #CD89D2; }
.box-shadow-rgba { box-shadow: 1px 1px 3px 2px rgba(205, 137, 210, 0.8); }

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

Shades of #CD89D2

#C472CA#B959C0#AE45B5#953B9B#803285#6A2A6F#522055#3C183F#230E25#0E060F

Tints of #CD89D2

#D294D6#D79FDB#DAA6DD#DEB1E2#E3BCE6#E8C8EA#ECD3EE#EFDAF1#F4E5F5#F9F0F9

Tones of #CD89D2

#C98ECD#C493C8#C098C3#BB9EBD#B7A3B8#B2A9B2

Color harmonies

Complementary — #8ED289:

Analogous:

Triadic:

Contrast & accessibility

Against white text2.59:1 Fails
Against black text8.10:1 AAA

Best text color on #CD89D2: #000000.

Semi-transparent (opacity) text on #CD89D2

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

How #CD89D2 looks with color blindness

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

Protanopia · #B0AFC0Deuteranopia · #B4B9BCTritanopia · #CAB2AF

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:

Material Grey 500 · #9E9E9ETailwind purple 500 · #A855F7Tailwind fuchsia 500 · #D946EF

Palettes with a similar color

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

Golden Terrace
#5F64A5 · #CA8BCD · #BF8484 · #A2A55F
Tranquil Cinder
#E2C2E6 · #CD90D5 · #B85FC3 · #9E47A9
Rustic Terrace
#C587CD · #724D5C · #B48872 · #8F9258
Palette 7071e8
#7071E8 · #C683D7 · #ED9ED6 · #FFC7C7
Dreamy Ruby Harbor
#C68FCA · #7A3A49 · #A58F6C · #B4CA9A
Radiant Breeze
#5E31CA · #C983DC · #D740AB · #DB4362

Similar colors

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

#CA8BCD#CD90D5#C587CD#C683D7#C68FCA#C983DC#C68FC8#C689C6#D684DC#C187CA#DB8DD0#D18CE0

Browse neighbouring colors

← #CD89D1  ·  #CD89D3 →

Frequently asked questions

What color is #CD89D2?

#CD89D2 is Light Muted Pink, a pink color (RGB 205, 137, 210). Its closest standard named color is Orchid.

What is the RGB and HSL of #CD89D2?

#CD89D2 is RGB 205, 137, 210 — HSL 296°, 45%, 68% — CMYK 2%, 35%, 0%, 18%.

What colors go with #CD89D2?

Its complement is #8ED289; analogous partners are #A989D2 and #D289B2. It also appears in 6+ palettes in our collection.

Can I use #CD89D2 for text?

Black text on #CD89D2 has a contrast ratio of 8.10:1 (passes WCAG AA); white text gives 2.59:1.