#DC5B6C

Color Details

HEX
#DC5B6C
RGB
rgb(220, 91, 108)
HSL
hsl(352, 65%, 61%)
CMYK
cmyk(0%, 59%, 51%, 14%)
Best text on this color #000000 (CR 5.76:1) Determined by WCAG contrast ratio

Readability Previews

Black on #dc5b6c
Contrast 5.76:1 AA
White on #dc5b6c
Contrast 3.65:1 Fail
#dc5b6c on Black
Contrast 5.76:1 AA
#dc5b6c on White
Contrast 3.65:1 Fail

Tints & Shades

#e37c89
#ea9da7
#f1bdc4
#b04956
#843741
#58242b

Complement & Analogous

#5bdccb
#dc8a5b
#dc5bad

Triadic

#6cdc5b
#5b6cdc

Monochrome

#58242b #843741 #dc5b6c #ea9da7 #f1bdc4 #f8dee2

Analogous

#dc5bad #e78cc6 #dc5b6c #e3a17c #dc8a5b #b06e49

Complementary Mix

#843741 #dc5b6c #ea9da7 #5bdccb #94e8dd #3b8f84

Nearby Colors

#dc5b6b
#dc5b6d
#dc5b5c
#dc5b7c

Embed #DC5B6C swatch

Embed this swatch

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

Open image

About #DC5B6C

#DC5B6C converts to RGB(220, 91, 108) and HSL(352, 65%, 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).

#DC5B6C FAQs

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