#DD5BC4

Color Details

HEX
#DD5BC4
RGB
rgb(221, 91, 196)
HSL
hsl(312, 66%, 61%)
CMYK
cmyk(0%, 59%, 11%, 13%)
Best text on this color #000000 (CR 6.37:1) Determined by WCAG contrast ratio

Readability Previews

Black on #dd5bc4
Contrast 6.37:1 AA
White on #dd5bc4
Contrast 3.30:1 Fail
#dd5bc4 on Black
Contrast 6.37:1 AA
#dd5bc4 on White
Contrast 3.30:1 Fail

Tints & Shades

#e47cd0
#eb9ddc
#f1bde7
#b1499d
#853776
#58244e

Complement & Analogous

#5add74
#dd5a81
#b65add

Triadic

#c3dd5a
#5ac3dd

Monochrome

#58244e #853776 #dd5bc4 #eb9ddc #f1bde7 #f8def3

Analogous

#b65add #cc8ce7 #dd5bc4 #e47b9a #dd5a81 #b14867

Complementary Mix

#853776 #dd5bc4 #eb9ddc #5add74 #94e9a5 #3b904b

Nearby Colors

#dd5bc3
#dd5bc5
#dd5bb4
#dd5bd4

Embed #DD5BC4 swatch

Embed this swatch

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

Open image

About #DD5BC4

#DD5BC4 converts to RGB(221, 91, 196) and HSL(312, 66%, 61%). 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).

#DD5BC4 FAQs

What is the RGB value of #DD5BC4?
RGB: 221, 91, 196. Copy as CSS: rgb(221, 91, 196)
Is #DD5BC4 a web-safe color?
No — not in the 216-color “web-safe” palette.
What is the complementary color of #DD5BC4?
Complement: #5add74.
Does #DD5BC4 have good contrast on white or black?
On white: 3.30:1 (AA (large text)). On black: 6.37:1 (AA (normal text)).