#DF63B3

#DF63B3

Color Values

HEX

#DF63B3

RGB

223, 99, 179

HSL

321.3, 66.0%, 63.1%

HSV

321.3, 55.6%, 87.5%

CMYK

0.0%, 55.6%, 19.7%, 12.5%

OKLCH

0.6765 0.1785 343.4

Properties

Warm Light Nearest: Magenta

Color Harmonies

Complementary

#DF63B3

#63DF8F

Analogous

#CD63DF

#DF6375

#DF63B3

Triadic

#DF63B3

#B3DF63

#63B3DF

Split Complementary

#DF63B3

#75DF63

#63DFCD

Tetradic

#DF63B3

#DFCD63

#63DF8F

#6375DF

Color Blindness Simulation

Original

#DF63B3

Protanopia

#A9A8A0

Deuteranopia

#B0BA9B

Tritanopia

#D9908D

Achromatopsia

#838383

CSS Usage

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

Tailwind Shades

50
#FCF3F9
100
#F7E3F0
200
#F3C4E2
300
#EA99CE
400
#DF62B3
500
#D42B98
600
#A9237A
700
#871C61
800
#6A164C
900
#4D1439
950
#310C24

Contrast Checker

Text on white

3.19:1

AA Fail AAA Fail

Text on black

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