#DA2577

#DA2577

Color Values

HEX

#DA2577

RGB

218, 37, 119

HSL

332.8, 71.0%, 50.0%

HSV

332.8, 83.0%, 85.5%

CMYK

0.0%, 83.0%, 45.4%, 14.5%

OKLCH

0.5888 0.2187 0.2

Properties

Warm Dark Nearest: deeppink 3

Color Harmonies

Complementary

#DA2577

#25DA88

Analogous

#DA25D2

#DA2D25

#DA2577

Triadic

#DA2577

#77DA25

#2577DA

Split Complementary

#DA2577

#25DA2D

#25D2DA

Tetradic

#DA2577

#D2DA25

#25DA88

#2D25DA

Color Blindness Simulation

Original

#DA2577

Protanopia

#8C8A63

Deuteranopia

#96A45E

Tritanopia

#D15350

Achromatopsia

#515151

CSS Usage

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

Tailwind Shades

50
#FCF3F7
100
#F8E2EC
200
#F5C2D9
300
#ED96BE
400
#E45E9A
500
#DA2577
600
#AE1E5F
700
#8C184C
800
#6D123C
900
#4F112E
950
#320B1D

Contrast Checker

Text on white

4.65:1

AA Pass AAA Fail

Text on black

4.51:1

AA Pass AAA Fail

Related Articles

Color Questions

What Is Pantone? The Universal Color Language

Feb 20, 2026
Color Questions

What Is Metamerism? Why Colors Look Different Under Different Lights

Feb 20, 2026
Color Questions

What Is Luminance? Brightness in Color Science

Feb 20, 2026