#dc96b0

Color #dc96b0

A moderately saturated light pink.

Closest named color Light Pink #ffb6c1 · ΔE 14.04 Nearest Tailwind class pink-300 #fda5d5 · ΔE 8

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

Conversions

HEX

#dc96b0

RGB

rgb(220, 150, 176)

HSL

hsl(337.7, 50%, 72.5%)

HSV / HSB

hsv(337.7, 31.8%, 86.3%)

CMYK

cmyk(0%, 31.8%, 20%, 13.7%)

LAB

lab(69.59, 29.98, -2.81)

LCH

lch(69.59, 30.11, 354.65)

OKLCH

oklch(74.9%, 0.09, 355.54)

HWB

hwb(337.7, 58.8%, 13.7%)

Harmony colors

Complementary

#96dcc2

Analogous

#dc96d3

#dc96b0

#dc9f96

Triadic

#dc96b0

#b0dc96

#96b0dc

Split-complementary

#dc96b0

#96dc9f

#96d3dc

Tetradic

#dc96b0

#dcc296

#96dcc2

#96b0dc

Square

#dc96b0

#d3dc96

#96dcc2

#9f96dc

Shades

Color #dc96b0 mixed toward black.

#cd688d

#b93e6b

#8b2e51

#5c1f36

#2e0f1b

Tints

Color #dc96b0 mixed toward white.

#e2a7bd

#e8b9ca

#edcad7

#f3dce5

#f9edf2

Tones

Color #dc96b0 mixed toward gray.

#d69cb1

#d0a2b3

#caa7b4

#c5adb6

#bfb3b7

Accessibility

Aa White text on this color

2.32:1

Aa Black text on this color

9.03:1

Black text reads better on this background (9.03:1). That passes WCAG AAA (≥7:1) for normal-size text.

Under color vision deficiencies

Protanopia

#c2c1aa · ΔE 32.5

Deuteranopia

#c6caa9 · ΔE 37

Tritanopia

#d9a5a4 · ΔE 9.7

Achromatopsia

#aaaaaa · ΔE 21.7

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

Code

CSS

background-color: #dc96b0;

Tailwind (arbitrary value)

bg-[#dc96b0]

Related colors

Lavender Blush #fff0f5

Pale Violet Red #db7093

Hot Pink #ff69b4

Deep Pink #ff1493

Crimson #dc143c

Pink #ffc0cb

Frequently asked questions

#dc96b0 (#dc96b0) is rgb(220, 150, 176) in RGB.

No, #dc96b0 is not one of the 216 web-safe colors — for that, every RGB channel would have to be a multiple of 51.

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 #dc96b0, or check how it holds up for accessibility.

Generate a palette → Check contrast