#D896AE

#D896AE

Color Values

HEX

#D896AE

RGB

216, 150, 174

HSL

338.2, 45.8%, 71.8%

HSV

338.2, 30.6%, 84.7%

CMYK

0.0%, 30.6%, 19.4%, 15.3%

OKLCH

0.7445 0.0847 355.8

Properties

Warm Light Nearest: pink 3

Color Harmonies

Complementary

#D896AE

#96D8C0

Analogous

#D896CF

#D89F96

#D896AE

Triadic

#D896AE

#AED896

#96AED8

Split Complementary

#D896AE

#96D89F

#96CFD8

Tetradic

#D896AE

#CFD896

#96D8C0

#9F96D8

Color Blindness Simulation

Original

#D896AE

Protanopia

#BBBBA8

Deuteranopia

#BFC4A7

Tritanopia

#D5A4A3

Achromatopsia

#A6A6A6

CSS Usage

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

Tailwind Shades

50
#FAF4F7
100
#F4E6EB
200
#ECCBD7
300
#DEA6BA
400
#CC7595
500
#BA4570
600
#953759
700
#772C47
800
#5D2338
900
#441C2B
950
#2B121B

Contrast Checker

Text on white

2.36:1

AA Fail AAA Fail

Text on black

8.89:1

AA Pass AAA Pass

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

Feb 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

Feb 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

Feb 19, 2026