#DF63B0

#DF63B0

Color Values

HEX

#DF63B0

RGB

223, 99, 176

HSL

322.7, 66.0%, 63.1%

HSV

322.7, 55.6%, 87.5%

CMYK

0.0%, 55.6%, 21.1%, 12.5%

OKLCH

0.6753 0.1766 344.7

Properties

Warm Light Nearest: Magenta

Color Harmonies

Complementary

#DF63B0

#63DF92

Analogous

#D063DF

#DF6372

#DF63B0

Triadic

#DF63B0

#B0DF63

#63B0DF

Split Complementary

#DF63B0

#72DF63

#63DFD0

Tetradic

#DF63B0

#DFD063

#63DF92

#6372DF

Color Blindness Simulation

Original

#DF63B0

Protanopia

#A9A89D

Deuteranopia

#B0BA99

Tritanopia

#D98F8B

Achromatopsia

#838383

CSS Usage

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

Tailwind Shades

50
#FCF3F8
100
#F7E3F0
200
#F3C4E1
300
#EA99CC
400
#DF62B0
500
#D42B94
600
#A92376
700
#871C5F
800
#6A164A
900
#4D1437
950
#310C23

Contrast Checker

Text on white

3.21:1

AA Fail AAA Fail

Text on black

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