#DF63A4

#DF63A4

Color Values

HEX

#DF63A4

RGB

223, 99, 164

HSL

328.5, 66.0%, 63.1%

HSV

328.5, 55.6%, 87.5%

CMYK

0.0%, 55.6%, 26.5%, 12.5%

OKLCH

0.6709 0.1696 350.0

Properties

Warm Light Nearest: hotpink 2

Color Harmonies

Complementary

#DF63A4

#63DF9E

Analogous

#DC63DF

#DF6366

#DF63A4

Triadic

#DF63A4

#A4DF63

#63A4DF

Split Complementary

#DF63A4

#66DF63

#63DFDC

Tetradic

#DF63A4

#DFDC63

#63DF9E

#6366DF

Color Blindness Simulation

Original

#DF63A4

Protanopia

#A9A894

Deuteranopia

#B0BA90

Tritanopia

#D98885

Achromatopsia

#828282

CSS Usage

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

Tailwind Shades

50
#FCF3F8
100
#F7E3EE
200
#F3C4DC
300
#EA99C4
400
#DF62A4
500
#D42B84
600
#A92369
700
#871C54
800
#6A1642
900
#4D1432
950
#310C20

Contrast Checker

Text on white

3.25:1

AA Fail AAA Fail

Text on black

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