#DD2271

#DD2271

Color Values

HEX

#DD2271

RGB

221, 34, 113

HSL

334.7, 73.3%, 50.0%

HSV

334.7, 84.6%, 86.7%

CMYK

0.0%, 84.6%, 48.9%, 13.3%

OKLCH

0.5906 0.2212 2.9

Properties

Warm Dark Nearest: Razzmatazz

Color Harmonies

Complementary

#DD2271

#22DD8E

Analogous

#DD22CE

#DD3122

#DD2271

Triadic

#DD2271

#71DD22

#2271DD

Split Complementary

#DD2271

#22DD31

#22CEDD

Tetradic

#DD2271

#CEDD22

#22DD8E

#3122DD

Color Blindness Simulation

Original

#DD2271

Protanopia

#8C8A5E

Deuteranopia

#97A559

Tritanopia

#D44F4B

Achromatopsia

#4F4F4F

CSS Usage

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

Tailwind Shades

50
#FCF3F7
100
#F8E2EB
200
#F5C1D7
300
#EF95BB
400
#E65B96
500
#DD2271
600
#B11B5A
700
#8D1648
800
#6E1138
900
#50102B
950
#330A1B

Contrast Checker

Text on white

4.62:1

AA Pass AAA Fail

Text on black

4.54:1

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