#DF63B7

#DF63B7

Color Values

HEX

#DF63B7

RGB

223, 99, 183

HSL

319.4, 66.0%, 63.1%

HSV

319.4, 55.6%, 87.5%

CMYK

0.0%, 55.6%, 17.9%, 12.5%

OKLCH

0.6781 0.1811 341.7

Properties

Warm Light Nearest: Magenta

Color Harmonies

Complementary

#DF63B7

#63DF8B

Analogous

#C963DF

#DF6379

#DF63B7

Triadic

#DF63B7

#B7DF63

#63B7DF

Split Complementary

#DF63B7

#79DF63

#63DFC9

Tetradic

#DF63B7

#DFC963

#63DF8B

#6379DF

Color Blindness Simulation

Original

#DF63B7

Protanopia

#A9A8A3

Deuteranopia

#B0BA9E

Tritanopia

#D9938F

Achromatopsia

#838383

CSS Usage

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

Tailwind Shades

50
#FCF3F9
100
#F7E3F1
200
#F3C4E4
300
#EA99D0
400
#DF62B7
500
#D42B9D
600
#A9237E
700
#871C65
800
#6A164F
900
#4D143B
950
#310C25

Contrast Checker

Text on white

3.18:1

AA Fail AAA Fail

Text on black

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