#DE63AF

#DE63AF

Color Values

HEX

#DE63AF

RGB

222, 99, 175

HSL

322.9, 65.1%, 62.9%

HSV

322.9, 55.4%, 87.1%

CMYK

0.0%, 55.4%, 21.2%, 12.9%

OKLCH

0.6736 0.1751 344.8

Properties

Warm Light Nearest: Magenta

Color Harmonies

Complementary

#DE63AF

#63DE92

Analogous

#CF63DE

#DE6371

#DE63AF

Triadic

#DE63AF

#AFDE63

#63AFDE

Split Complementary

#DE63AF

#71DE63

#63DECF

Tetradic

#DE63AF

#DECF63

#63DE92

#6371DE

Color Blindness Simulation

Original

#DE63AF

Protanopia

#A9A89D

Deuteranopia

#B0B998

Tritanopia

#D88E8B

Achromatopsia

#838383

CSS Usage

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

Tailwind Shades

50
#FCF3F8
100
#F7E3EF
200
#F3C4E1
300
#EA9ACB
400
#DE63AF
500
#D32C93
600
#A82476
700
#871C5E
800
#69164A
900
#4D1437
950
#310D23

Contrast Checker

Text on white

3.23:1

AA Fail AAA Fail

Text on black

6.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