#DF63B4

#DF63B4

Color Values

HEX

#DF63B4

RGB

223, 99, 180

HSL

320.8, 66.0%, 63.1%

HSV

320.8, 55.6%, 87.5%

CMYK

0.0%, 55.6%, 19.3%, 12.5%

OKLCH

0.6769 0.1791 343.0

Properties

Warm Light Nearest: Magenta

Color Harmonies

Complementary

#DF63B4

#63DF8E

Analogous

#CC63DF

#DF6376

#DF63B4

Triadic

#DF63B4

#B4DF63

#63B4DF

Split Complementary

#DF63B4

#76DF63

#63DFCC

Tetradic

#DF63B4

#DFCC63

#63DF8E

#6376DF

Color Blindness Simulation

Original

#DF63B4

Protanopia

#A9A8A0

Deuteranopia

#B0BA9C

Tritanopia

#D9918E

Achromatopsia

#838383

CSS Usage

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

Tailwind Shades

50
#FCF3F9
100
#F7E3F0
200
#F3C4E3
300
#EA99CE
400
#DF62B4
500
#D42B99
600
#A9237B
700
#871C62
800
#6A164D
900
#4D1439
950
#310C24

Contrast Checker

Text on white

3.19:1

AA Fail AAA Fail

Text on black

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