#DF96A2

#DF96A2

Color Values

HEX

#DF96A2

RGB

223, 150, 162

HSL

350.1, 53.3%, 73.1%

HSV

350.1, 32.7%, 87.5%

CMYK

0.0%, 32.7%, 27.4%, 12.5%

OKLCH

0.7486 0.089 8.7

Properties

Warm Light Nearest: lightpink 2

Color Harmonies

Complementary

#DF96A2

#96DFD3

Analogous

#DF96C6

#DFAE96

#DF96A2

Triadic

#DF96A2

#A2DF96

#96A2DF

Split Complementary

#DF96A2

#96DFAE

#96C6DF

Tetradic

#DF96A2

#C6DF96

#96DFD3

#AE96DF

Color Blindness Simulation

Original

#DF96A2

Protanopia

#BFBF9F

Deuteranopia

#C4C99E

Tritanopia

#DB9D9C

Achromatopsia

#A6A6A6

CSS Usage

background-color: #DF96A2;
color: #DF96A2;
border-color: #DF96A2;
Nearest Tailwind: Rose 300 #FDA4AF

Tailwind Shades

50
#FBF4F5
100
#F5E5E8
200
#EEC8CF
300
#E2A1AC
400
#D36E7F
500
#C33C52
600
#9C3042
700
#7D2634
800
#621E29
900
#481921
950
#2D1015

Contrast Checker

Text on white

2.33:1

AA Fail AAA Fail

Text on black

9.02: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