#DE63DF

#DE63DF

Color Values

HEX

#DE63DF

RGB

222, 99, 223

HSL

299.5, 66.0%, 63.1%

HSV

299.5, 55.6%, 87.5%

CMYK

0.4%, 55.6%, 0.0%, 12.5%

OKLCH

0.6947 0.2113 327.2

Properties

Cool Light Nearest: orchid 2

Color Harmonies

Complementary

#DE63DF

#64DF63

Analogous

#A063DF

#DF63A2

#DE63DF

Triadic

#DE63DF

#DFDE63

#63DFDE

Split Complementary

#DE63DF

#A2DF63

#63DFA0

Tetradic

#DE63DF

#DFA063

#64DF63

#63A2DF

Color Blindness Simulation

Original

#DE63DF

Protanopia

#A9A8C1

Deuteranopia

#B0B9BA

Tritanopia

#D8A9A4

Achromatopsia

#868686

CSS Usage

background-color: #DE63DF;
color: #DE63DF;
border-color: #DE63DF;
Nearest Tailwind: Fuchsia 400 #E879F9

Tailwind Shades

50
#FCF3FC
100
#F7E3F7
200
#F2C4F3
300
#EA99EA
400
#DE62DF
500
#D22BD4
600
#A823A9
700
#871C87
800
#69166A
900
#4D144D
950
#300C31

Contrast Checker

Text on white

3.02:1

AA Fail AAA Fail

Text on black

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