#DC96BB

#DC96BB

Color Values

HEX

#DC96BB

RGB

220, 150, 187

HSL

328.3, 50.0%, 72.5%

HSV

328.3, 31.8%, 86.3%

CMYK

0.0%, 31.8%, 15.0%, 13.7%

OKLCH

0.7529 0.0961 346.7

Properties

Warm Light Nearest: NCS S 0520-R40B Lavender Pink

Color Harmonies

Complementary

#DC96BB

#96DCB7

Analogous

#DA96DC

#DC9698

#DC96BB

Triadic

#DC96BB

#BBDC96

#96BBDC

Split Complementary

#DC96BB

#98DC96

#96DCDA

Tetradic

#DC96BB

#DCDA96

#96DCB7

#9698DC

Color Blindness Simulation

Original

#DC96BB

Protanopia

#BEBDB2

Deuteranopia

#C2C7B0

Tritanopia

#D8ABA9

Achromatopsia

#A8A8A8

CSS Usage

background-color: #DC96BB;
color: #DC96BB;
border-color: #DC96BB;
Nearest Tailwind: Pink 300 #F9A8D4

Tailwind Shades

50
#FBF4F8
100
#F5E6EE
200
#EDC9DC
300
#E0A3C4
400
#D071A3
500
#BF4083
600
#993369
700
#7A2954
800
#602042
900
#461B32
950
#2C111F

Contrast Checker

Text on white

2.3:1

AA Fail AAA Fail

Text on black

9.12:1

AA Pass AAA Pass

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

Jan 18, 2026