#DF62B2

#DF62B2

Color Values

HEX

#DF62B2

RGB

223, 98, 178

HSL

321.6, 66.1%, 62.9%

HSV

321.6, 56.1%, 87.5%

CMYK

0.0%, 56.1%, 20.2%, 12.5%

OKLCH

0.6748 0.1794 343.7

Properties

Warm Light Nearest: Magenta

Color Harmonies

Complementary

#DF62B2

#62DF8F

Analogous

#CD62DF

#DF6273

#DF62B2

Triadic

#DF62B2

#B2DF62

#62B2DF

Split Complementary

#DF62B2

#73DF62

#62DFCD

Tetradic

#DF62B2

#DFCD62

#62DF8F

#6273DF

Color Blindness Simulation

Original

#DF62B2

Protanopia

#A9A89F

Deuteranopia

#B0BA9A

Tritanopia

#D98F8C

Achromatopsia

#828282

CSS Usage

background-color: #DF62B2;
color: #DF62B2;
border-color: #DF62B2;
Nearest Tailwind: Pink 400 #F472B6

Tailwind Shades

50
#FCF3F9
100
#F7E3F0
200
#F3C4E2
300
#EA99CD
400
#DF62B2
500
#D42B97
600
#A92379
700
#881C61
800
#6A164C
900
#4D1439
950
#310C24

Contrast Checker

Text on white

3.22:1

AA Fail AAA Fail

Text on black

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