Maroon Colors  ·  Color Library

Palettes / Colors / #CD4ACF

#CD4ACF — Pink

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

#CD4ACF 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 #4CCF4A; it also sits naturally between #8A4ACF and #CF4A8E. In the palettes below you can see it working alongside real color combinations from our collection.

#CD4ACF · RGB 205, 74, 207

Download PNG swatch SVG

Color values

HEX#CD4ACF
RGB205, 74, 207
HSL299°, 58%, 55%
HSV299°, 64%, 81%
CMYK1%, 64%, 0%, 19%
XYZ38.89, 22.38, 61.30
Yxy22.38, 0.3173, 0.1826
CIE-Lab54.43, 67.61, -43.72
Hunter Lab47.31, 67.52, -48.06

RGB & CMYK percentages

Red 80% · Green 29% · Blue 81%

Cyan 1% · Magenta 64% · Yellow 0% · Key 19%

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

Previews

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

CSS code for #CD4ACF

.text { color: #CD4ACF; }
.background { background-color: #CD4ACF; }
.border { border: 3px solid #CD4ACF; }
.text-rgb { color: rgb(205, 74, 207); }
.text-hsl { color: hsl(299, 58%, 55%); }
.text-shadow-hex { text-shadow: 4px 4px 2px #CD4ACF; }
.text-shadow-rgba { text-shadow: 4px 4px 2px rgba(205, 74, 207, 0.8); }
.box-shadow-hex { box-shadow: 1px 1px 3px 2px #CD4ACF; }
.box-shadow-rgba { box-shadow: 1px 1px 3px 2px rgba(205, 74, 207, 0.8); }

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

Shades of #CD4ACF

#C736C9#B330B5#9F2BA1#8B258D#772079#601A61#4C144D#380F38#240A24#100410

Tints of #CD4ACF

#D15AD3#D66AD7#DA7ADC#DF8AE0#E49EE5#E9AEEA#EDBFEE#F2CFF2#F6DFF6#FBEFFB

Tones of #CD4ACF

#C453C6#BA5DBB#B166B2#A870A9#9F79A0#958395

Color harmonies

Complementary — #4CCF4A:

Analogous:

Triadic:

Contrast & accessibility

Against white text3.83:1 AA large only
Against black text5.48:1 AA

Best text color on #CD4ACF: #000000.

Semi-transparent (opacity) text on #CD4ACF

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

How #CD4ACF looks with color blindness

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

Protanopia · #9493AFDeuteranopia · #9CA6A7Tritanopia · #C69590

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 500 · #D946EFTailwind fuchsia 600 · #C026D3Tailwind purple 500 · #A855F7

Palettes with a similar color

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

Tender Harbor
#5252D9 · #8359DE · #7E27B1 · #CD48D6
Vivid Ruby Voyage
#D244CD · #E08EB9 · #D55C66 · #C66027
Mellow Ruby Aurora
#E882E1 · #D147C8 · #8A1982 · #661961
Electric Ruby Whisper
#5E189D · #C949D7 · #BB1D91 · #C32A62
Hidden Summit
#C74DD5 · #CA3185 · #9C2223 · #D69E5D
Burning Harbor
#1C781A · #7BDA58 · #D243D6 · #E5A7DD

Similar colors

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

#CD48D6#D244CD#D147C8#C949D7#C74DD5#D243D6#CF52C7#C247C6#C954C5#C153D2#DB4FD4#D850C5

Browse neighbouring colors

← #CD4ACE  ·  #CD4AD0 →

Frequently asked questions

What color is #CD4ACF?

#CD4ACF is Pink, a pink color (RGB 205, 74, 207). Its closest standard named color is Orchid.

What is the RGB and HSL of #CD4ACF?

#CD4ACF is RGB 205, 74, 207 — HSL 299°, 58%, 55% — CMYK 1%, 64%, 0%, 19%.

What colors go with #CD4ACF?

Its complement is #4CCF4A; analogous partners are #8A4ACF and #CF4A8E. It also appears in 6+ palettes in our collection.

Can I use #CD4ACF for text?

Black text on #CD4ACF has a contrast ratio of 5.48:1 (passes WCAG AA); white text gives 3.83:1.