#D96CAA

#D96CAA

Color Values

HEX

#D96CAA

RGB

217, 108, 170

HSL

325.9, 58.9%, 63.7%

HSV

325.9, 50.2%, 85.1%

CMYK

0.0%, 50.2%, 21.7%, 14.9%

OKLCH

0.6772 0.1536 346.8

Properties

Warm Light Nearest: hotpink 3

Color Harmonies

Complementary

#D96CAA

#6CD99B

Analogous

#D26CD9

#D96C73

#D96CAA

Triadic

#D96CAA

#AAD96C

#6CAAD9

Split Complementary

#D96CAA

#73D96C

#6CD9D2

Tetradic

#D96CAA

#D9D26C

#6CD99B

#6C73D9

Color Blindness Simulation

Original

#D96CAA

Protanopia

#AAA99B

Deuteranopia

#B0B897

Tritanopia

#D48F8D

Achromatopsia

#888888

CSS Usage

background-color: #D96CAA;
color: #D96CAA;
border-color: #D96CAA;
Nearest Tailwind: Pink 400 #F472B6

Tailwind Shades

50
#FBF4F8
100
#F6E4EE
200
#F0C6DE
300
#E69EC7
400
#D869A8
500
#CB348A
600
#A22A6E
700
#822258
800
#651A45
900
#4A1734
950
#2F0E21

Contrast Checker

Text on white

3.15:1

AA Fail AAA Fail

Text on black

6.68:1

AA Pass AAA Fail

Related Articles

Tutorials

CSS color-mix(): Blend Colors Natively in the Browser

Jan 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

Jan 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

Jan 15, 2026