#D22075

#D22075

Color Values

HEX

#D22075

RGB

210, 32, 117

HSL

331.3, 73.6%, 47.5%

HSV

331.3, 84.8%, 82.4%

CMYK

0.0%, 84.8%, 44.3%, 17.6%

OKLCH

0.5716 0.2157 359.0

Properties

Warm Dark Nearest: deeppink 3

Color Harmonies

Complementary

#D22075

#20D27D

Analogous

#D220CE

#D22420

#D22075

Triadic

#D22075

#75D220

#2075D2

Split Complementary

#D22075

#20D224

#20CED2

Tetradic

#D22075

#CED220

#20D27D

#2420D2

Color Blindness Simulation

Original

#D22075

Protanopia

#858360

Deuteranopia

#8F9D5B

Tritanopia

#C9504D

Achromatopsia

#4C4C4C

CSS Usage

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

Tailwind Shades

50
#FCF3F7
100
#F8E2ED
200
#F6C1DA
300
#EF95C0
400
#E65B9E
500
#DD227B
600
#B11B63
700
#8E164F
800
#6F113E
900
#51102F
950
#330A1E

Contrast Checker

Text on white

5.0:1

AA Pass AAA Fail

Text on black

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