#DD20CC

Color Details

HEX
#DD20CC
RGB
rgb(221, 32, 204)
HSL
hsl(305, 75%, 50%)
CMYK
cmyk(0%, 86%, 8%, 13%)
Best text on this color #000000 (CR 5.15:1) Determined by WCAG contrast ratio

Readability Previews

Black on #dd20cc
Contrast 5.15:1 AA
White on #dd20cc
Contrast 4.08:1 Fail
#dd20cc on Black
Contrast 5.15:1 AA
#dd20cc on White
Contrast 4.08:1 Fail

Tints & Shades

#e44dd6
#eb79e0
#f1a6eb
#b11aa3
#85137a
#580d52

Complement & Analogous

#20df30
#df2070
#8f20df

Triadic

#cfdf20
#20cfdf

Monochrome

#580d52 #85137a #dd20cc #eb79e0 #f1a6eb #f8d2f5

Analogous

#8f20df #b163e9 #dd20cc #e54d8d #df2070 #b21a5a

Complementary Mix

#85137a #dd20cc #eb79e0 #20df30 #6eea78 #15911f

Nearby Colors

#dd20cb
#dd20cd
#dd20bc
#dd20dc

Embed #DD20CC swatch

Embed this swatch

Use this HTML on your site (free with a link):

Open image

About #DD20CC

#DD20CC converts to RGB(221, 32, 204) and HSL(305, 75%, 50%). This page provides quick readability checks, related hues (complementary and analogous), and ready-made palettes so you can drop the color into UI components, images, or CSS immediately.

Tip: Use the “Best text” chip above as a safe default foreground on this color (chosen by contrast ratio).

#DD20CC FAQs

What is the RGB value of #DD20CC?
RGB: 221, 32, 204. Copy as CSS: rgb(221, 32, 204)
Is #DD20CC a web-safe color?
No — not in the 216-color “web-safe” palette.
What is the complementary color of #DD20CC?
Complement: #20df30.
Does #DD20CC have good contrast on white or black?
On white: 4.08:1 (AA (large text)). On black: 5.15:1 (AA (normal text)).