#D171AE

#D171AE

Color Values

HEX

#D171AE

RGB

209, 113, 174

HSL

321.9, 51.1%, 63.1%

HSV

321.9, 45.9%, 82.0%

CMYK

0.0%, 45.9%, 16.7%, 18.0%

OKLCH

0.6757 0.1407 342.7

Properties

Warm Light Nearest: hotpink 3

Color Harmonies

Complementary

#D171AE

#71D194

Analogous

#C471D1

#D1717E

#D171AE

Triadic

#D171AE

#AED171

#71AED1

Split Complementary

#D171AE

#7ED171

#71D1C4

Tetradic

#D171AE

#D1C471

#71D194

#717ED1

Color Blindness Simulation

Original

#D171AE

Protanopia

#A7A79F

Deuteranopia

#ADB49C

Tritanopia

#CC9491

Achromatopsia

#8A8A8A

CSS Usage

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

Tailwind Shades

50
#FBF4F8
100
#F5E5EF
200
#EEC9E0
300
#E1A3CA
400
#D170AE
500
#C13E91
600
#9A3274
700
#7B285D
800
#601F49
900
#471A36
950
#2D1122

Contrast Checker

Text on white

3.14:1

AA Fail AAA Fail

Text on black

6.68:1

AA Pass AAA Fail

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