#D96888

#D96888

Color Values

HEX

#D96888

RGB

217, 104, 136

HSL

343.0, 59.8%, 62.9%

HSV

343.0, 52.1%, 85.1%

CMYK

0.0%, 52.1%, 37.3%, 14.9%

OKLCH

0.6604 0.1448 4.0

Properties

Warm Light Nearest: palevioletred

Color Harmonies

Complementary

#D96888

#68D9B9

Analogous

#D968C0

#D98068

#D96888

Triadic

#D96888

#88D968

#6888D9

Split Complementary

#D96888

#68D980

#68C0D9

Tetradic

#D96888

#C0D968

#68D9B9

#8068D9

Color Blindness Simulation

Original

#D96888

Protanopia

#A8A780

Deuteranopia

#AFB77E

Tritanopia

#D37A79

Achromatopsia

#828282

CSS Usage

background-color: #D96888;
color: #D96888;
border-color: #D96888;
Nearest Tailwind: Rose 400 #FB7185

Tailwind Shades

50
#FBF3F6
100
#F6E4E9
200
#F1C6D2
300
#E69DB2
400
#D96888
500
#CC335E
600
#A3294C
700
#82213C
800
#661A2F
900
#4B1625
950
#2F0E17

Contrast Checker

Text on white

3.34:1

AA Fail AAA Fail

Text on black

6.29:1

AA Pass AAA Fail

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