#D20985

#D20985

Color Values

HEX

#D20985

RGB

210, 9, 133

HSL

323,0, 91,8%, 42,9%

HSV

323,0, 95,7%, 82,4%

CMYK

0,0%, 95,7%, 36,7%, 17,6%

OKLCH

0,5692 0,2326 352,1

Properties

Warm Dark Nearest: mediumvioletred

Color Harmonies

Complementary

#D20985

#09D256

Analogous

#BA09D2

#D20920

#D20985

Triadic

#D20985

#85D209

#0985D2

Split Complementary

#D20985

#20D209

#09D2BA

Tetradic

#D20985

#D2BA09

#09D256

#0920D2

Color Blindness Simulation

Original

#D20985

Protanopia

#7B7967

Deuteranopia

#879660

Tritanopia

#C84F4A

Achromatopsia

#3D3D3D

CSS Usage

background-color: #D20985;
color: #D20985;
border-color: #D20985;
Nearest Tailwind: Pink 500 #EC4899

Tailwind Shades

50
#FDF1F9
100
#FBDFF0
200
#FCBBE3
300
#FA8ACF
400
#F74AB5
500
#F50A9B
600
#C4087C
700
#9D0763
800
#7A054D
900
#58083A
950
#380524

Contrast Checker

Text on white

5,1:1

AA Pass AAA Fail

Text on black

4,12:1

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