#DF96BC

#DF96BC

Color Values

HEX

#DF96BC

RGB

223, 150, 188

HSL

328.8, 53.3%, 73.1%

HSV

328.8, 32.7%, 87.5%

CMYK

0.0%, 32.7%, 15.7%, 12.5%

OKLCH

0.7565 0.0997 347.2

Properties

Warm Light Nearest: NCS S 0520-R40B Lavender Pink

Color Harmonies

Complementary

#DF96BC

#96DFB9

Analogous

#DE96DF

#DF9697

#DF96BC

Triadic

#DF96BC

#BCDF96

#96BCDF

Split Complementary

#DF96BC

#97DF96

#96DFDE

Tetradic

#DF96BC

#DFDE96

#96DFB9

#9697DF

Color Blindness Simulation

Original

#DF96BC

Protanopia

#BFBFB3

Deuteranopia

#C4C9B1

Tritanopia

#DBACAA

Achromatopsia

#A8A8A8

CSS Usage

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

Tailwind Shades

50
#FBF4F7
100
#F5E5ED
200
#EEC8DC
300
#E2A1C3
400
#D36EA3
500
#C33C82
600
#9C3068
700
#7D2653
800
#621E41
900
#481931
950
#2D101F

Contrast Checker

Text on white

2.28:1

AA Fail AAA Fail

Text on black

9.23:1

AA Pass AAA Pass

Related Articles

Color Questions

What Is Pantone? The Universal Color Language

Feb 20, 2026
Color Questions

What Is Metamerism? Why Colors Look Different Under Different Lights

Feb 20, 2026
Color Questions

What Is Luminance? Brightness in Color Science

Feb 20, 2026