#dc5bb2

Color #dc5bb2

A moderately saturated light magenta.

Closest named color Hot Pink #ff69b4 · ΔE 13.82 Nearest Tailwind class pink-400 #fb64b6 · ΔE 6.6

Open in Palette generator Color wheel Color mixer Contrast checker Blindness simulator Gradient

Conversions

HEX

#dc5bb2

RGB

rgb(220, 91, 178)

HSL

hsl(319.5, 64.8%, 61%)

HSV / HSB

hsv(319.5, 58.6%, 86.3%)

CMYK

cmyk(0%, 58.6%, 19.1%, 13.7%)

LAB

lab(57.96, 59.91, -21.4)

LCH

lch(57.96, 63.62, 340.34)

OKLCH

oklch(66.2%, 0.1875, 342.24)

HWB

hwb(319.5, 35.7%, 13.7%)

Harmony colors

Complementary

#5bdc85

Analogous

#c55bdc

#dc5bb2

#dc5b72

Triadic

#dc5bb2

#b2dc5b

#5bb2dc

Split-complementary

#dc5bb2

#72dc5b

#5bdcc5

Tetradic

#dc5bb2

#dc855b

#5bdc85

#5bb2dc

Square

#dc5bb2

#dcc55b

#5bdc85

#5b72dc

Shades

Color #dc5bb2 mixed toward black.

#d3309e

#ab257f

#801b5f

#551240

#2b0920

Tints

Color #dc5bb2 mixed toward white.

#e276bf

#e892cc

#edadd9

#f3c8e5

#f9e4f2

Tones

Color #dc5bb2 mixed toward gray.

#d166ae

#c771ab

#bc7ba7

#b186a3

#a6919f

Accessibility

Aa White text on this color

3.4:1

Aa Black text on this color

6.18:1

Black text reads better on this background (6.18:1). That passes WCAG AA (≥4.5:1) for normal-size text, but not AAA.

Under color vision deficiencies

Protanopia

#b3b2a2 · ΔE 39.1

Deuteranopia

#b9c19e · ΔE 51

Tritanopia

#d89491 · ΔE 22.4

Achromatopsia

#8b8b8b · ΔE 26.5

Left half is the original, right half is the simulated appearance. See all 8 vision types →

Code

CSS

background-color: #dc5bb2;

Tailwind (arbitrary value)

bg-[#dc5bb2]

Related colors

Medium Violet Red #c71585

Deep Pink #ff1493

Hot Pink #ff69b4

Orchid #da70d6

Dark Magenta #8b008b

Fuchsia #ff00ff

Frequently asked questions

#dc5bb2 (#dc5bb2) is rgb(220, 91, 178) in RGB.

No, #dc5bb2 is not web-safe. The nearest web-safe colors are among its tones and shades below.

Related tools

Colors

HEX to RGB Converter

Convert any HEX color code to its RGB and HSL equivalents, live, with copy-to-clipboard values.

Try it → Accessibility

Contrast Checker

Check the WCAG contrast ratio between any two colors, live, with AA/AAA pass-fail results.

Try it → Generators

Palette Generator

Generate complementary, analogous, triadic, split-complementary, tetradic, square, and monochromatic palettes from any base color.

Try it →

Build something with this color

Generate a full palette from #dc5bb2, or check how it holds up for accessibility.

Generate a palette → Check contrast