#DD428F

#DD428F

Color Values

HEX

#DD428F

RGB

221, 66, 143

HSL

330.2, 69.5%, 56.3%

HSV

330.2, 70.1%, 86.7%

CMYK

0.0%, 70.1%, 35.3%, 13.3%

OKLCH

0.6235 0.2025 354.2

Properties

Warm Light Nearest: Cerise

Color Harmonies

Complementary

#DD428F

#42DD90

Analogous

#DD42DC

#DD4342

#DD428F

Triadic

#DD428F

#8FDD42

#428FDD

Split Complementary

#DD428F

#42DD43

#42DCDD

Tetradic

#DD428F

#DCDD42

#42DD90

#4342DD

Color Blindness Simulation

Original

#DD428F

Protanopia

#9A997C

Deuteranopia

#A3AE78

Tritanopia

#D56E6A

Achromatopsia

#696969

CSS Usage

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

Tailwind Shades

50
#FCF3F7
100
#F8E3ED
200
#F4C2DB
300
#EC97C2
400
#E25FA0
500
#D8277F
600
#AD1F66
700
#8A1951
800
#6C133F
900
#4F1230
950
#320B1E

Contrast Checker

Text on white

4.0:1

AA Fail AAA Fail

Text on black

5.25:1

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