#D20977

#D20977

Color Values

HEX

#D20977

RGB

210, 9, 119

HSL

327.2, 91.8%, 42.9%

HSV

327.2, 95.7%, 82.4%

CMYK

0.0%, 95.7%, 43.3%, 17.6%

OKLCH

0.5641 0.227 357.2

Properties

Warm Dark Nearest: deeppink 3

Color Harmonies

Complementary

#D20977

#09D264

Analogous

#C809D2

#D20912

#D20977

Triadic

#D20977

#77D209

#0977D2

Split Complementary

#D20977

#12D209

#09D2C8

Tetradic

#D20977

#D2C809

#09D264

#0912D2

Color Blindness Simulation

Original

#D20977

Protanopia

#7B795C

Deuteranopia

#879656

Tritanopia

#C84743

Achromatopsia

#3C3C3C

CSS Usage

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

Tailwind Shades

50
#FDF1F8
100
#FBDFEE
200
#FCBBDE
300
#FA8AC7
400
#F74AA9
500
#F50A8A
600
#C4086F
700
#9D0759
800
#7A0545
900
#580834
950
#380521

Contrast Checker

Text on white

5.19:1

AA Pass AAA Fail

Text on black

4.05: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