#D21671

#D21671

Color Values

HEX

#D21671

RGB

210, 22, 113

HSL

331.0, 81.0%, 45.5%

HSV

331.0, 89.5%, 82.4%

CMYK

0.0%, 89.5%, 46.2%, 17.6%

OKLCH

0.5658 0.2201 359.9

Properties

Warm Dark Nearest: deeppink 3

Color Harmonies

Complementary

#D21671

#16D277

Analogous

#D216CF

#D21916

#D21671

Triadic

#D21671

#71D216

#1671D2

Split Complementary

#D21671

#16D219

#16CFD2

Tetradic

#D21671

#CFD216

#16D277

#1916D2

Color Blindness Simulation

Original

#D21671

Protanopia

#817F5B

Deuteranopia

#8C9A56

Tritanopia

#C94A46

Achromatopsia

#454545

CSS Usage

background-color: #D21671;
color: #D21671;
border-color: #D21671;
Nearest Tailwind: Pink 600 #DB2777

Tailwind Shades

50
#FDF2F7
100
#F9E1ED
200
#F8BEDA
300
#F390C0
400
#ED549E
500
#E7187C
600
#B91363
700
#94104F
800
#730C3E
900
#540D2F
950
#35081E

Contrast Checker

Text on white

5.13:1

AA Pass AAA Fail

Text on black

4.09:1

AA Fail 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