Maroon Colors  ·  Color Library

Palettes / Colors / #CD3FCB

#CD3FCB — Pink

#CD3FCB is a pink color we call 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 #CD3FCB 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.

#CD3FCB is a warm-leaning 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 #40CE43; it also sits naturally between #8A40CE and #CE4085. In the palettes below you can see it working alongside real color combinations from our collection.

#CD3FCB · RGB 205, 63, 203

Download PNG swatch SVG

Color values

HEX#CD3FCB
RGB205, 63, 203
HSL301°, 59%, 53%
HSV301°, 69%, 80%
CMYK0%, 69%, 1%, 20%
XYZ37.73, 20.85, 58.53
Yxy20.85, 0.3222, 0.1780
CIE-Lab52.78, 71.01, -44.04
Hunter Lab45.66, 71.17, -48.33

RGB & CMYK percentages

Red 80% · Green 25% · Blue 80%

Cyan 0% · Magenta 69% · Yellow 1% · Key 20%

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

Previews

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

CSS code for #CD3FCB

.text { color: #CD3FCB; }
.background { background-color: #CD3FCB; }
.border { border: 3px solid #CD3FCB; }
.text-rgb { color: rgb(205, 63, 203); }
.text-hsl { color: hsl(301, 59%, 53%); }
.text-shadow-hex { text-shadow: 4px 4px 2px #CD3FCB; }
.text-shadow-rgba { text-shadow: 4px 4px 2px rgba(205, 63, 203, 0.8); }
.box-shadow-hex { box-shadow: 1px 1px 3px 2px #CD3FCB; }
.box-shadow-rgba { box-shadow: 1px 1px 3px 2px rgba(205, 63, 203, 0.8); }

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

Shades of #CD3FCB

#C332C0#AE2DAC#9A2898#862384#761E74#611960#4D144C#390F38#240924#100410

Tints of #CD3FCB

#D251D0#D765D5#DB75DA#E085DE#E59AE4#E9AAE8#EDBAEC#F1CAF1#F7DFF6#FBEFFB

Tones of #CD3FCB

#C44AC2#B955B8#B05EAF#A569A4#9C739B#917E90

Color harmonies

Complementary — #40CE43:

Analogous:

Triadic:

Contrast & accessibility

Against white text4.06:1 AA large only
Against black text5.17:1 AA

Best text color on #CD3FCB: #000000.

Semi-transparent (opacity) text on #CD3FCB

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

How #CD3FCB looks with color blindness

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

Protanopia · #908EA9Deuteranopia · #98A2A1Tritanopia · #C68E89

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 fuchsia 600 · #C026D3Tailwind fuchsia 500 · #D946EFTailwind pink 500 · #EC4899

Palettes with a similar color

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

Vivid Ruby Voyage
#D244CD · #E08EB9 · #D55C66 · #C66027
Mellow Ruby Aurora
#E882E1 · #D147C8 · #8A1982 · #661961
Radiant Ruby Summit
#5962D1 · #9450D5 · #D041C2 · #DC7C9A
Golden Solace
#C735CD · #7D2B55 · #9E2D2A · #A87535
Burning Harbor
#1C781A · #7BDA58 · #D243D6 · #E5A7DD
Dusty Mirage
#4126C4 · #B96FE7 · #D839D0 · #DC197B

Similar colors

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

#D244CD#D147C8#D041C2#C735CD#D243D6#D839D0#CD48D6#C738D6#C247C6#D639C1#CC42BC#C949D7

Browse neighbouring colors

← #CD3FCA  ·  #CD3FCC →

Frequently asked questions

What color is #CD3FCB?

#CD3FCB is Pink, a pink color (RGB 205, 63, 203). Its closest standard named color is Orchid.

What is the RGB and HSL of #CD3FCB?

#CD3FCB is RGB 205, 63, 203 — HSL 301°, 59%, 53% — CMYK 0%, 69%, 1%, 20%.

What colors go with #CD3FCB?

Its complement is #40CE43; analogous partners are #8A40CE and #CE4085. It also appears in 6+ palettes in our collection.

Can I use #CD3FCB for text?

Black text on #CD3FCB has a contrast ratio of 5.17:1 (passes WCAG AA); white text gives 4.06:1.