#DF63DD

#DF63DD

Color Values

HEX

#DF63DD

RGB

223, 99, 221

HSL

301.0, 66.0%, 63.1%

HSV

301.0, 55.6%, 87.5%

CMYK

0.0%, 55.6%, 0.9%, 12.5%

OKLCH

0.695 0.2102 328.2

Properties

Warm Light Nearest: orchid 2

Color Harmonies

Complementary

#DF63DD

#63DF65

Analogous

#A363DF

#DF639F

#DF63DD

Triadic

#DF63DD

#DDDF63

#63DDDF

Split Complementary

#DF63DD

#9FDF63

#63DFA3

Tetradic

#DF63DD

#DFA363

#63DF65

#639FDF

Color Blindness Simulation

Original

#DF63DD

Protanopia

#A9A8C0

Deuteranopia

#B0BAB8

Tritanopia

#D9A8A3

Achromatopsia

#868686

CSS Usage

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

Tailwind Shades

50
#FCF3FB
100
#F7E3F7
200
#F3C4F2
300
#EA99E9
400
#DF62DD
500
#D42BD1
600
#A923A7
700
#871C86
800
#6A1668
900
#4D144C
950
#310C30

Contrast Checker

Text on white

3.01:1

AA Fail AAA Fail

Text on black

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