#DF63C8

#DF63C8

Color Values

HEX

#DF63C8

RGB

223, 99, 200

HSL

311.1, 66.0%, 63.1%

HSV

311.1, 55.6%, 87.5%

CMYK

0.0%, 55.6%, 10.3%, 12.5%

OKLCH

0.6852 0.1933 335.2

Properties

Warm Light Nearest: orchid

Color Harmonies

Complementary

#DF63C8

#63DF7A

Analogous

#B863DF

#DF638A

#DF63C8

Triadic

#DF63C8

#C8DF63

#63C8DF

Split Complementary

#DF63C8

#8ADF63

#63DFB8

Tetradic

#DF63C8

#DFB863

#63DF7A

#638ADF

Color Blindness Simulation

Original

#DF63C8

Protanopia

#A9A8B0

Deuteranopia

#B0BAAA

Tritanopia

#D99C98

Achromatopsia

#858585

CSS Usage

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

Tailwind Shades

50
#FCF3FA
100
#F7E3F3
200
#F3C4EA
300
#EA99DB
400
#DF62C8
500
#D42BB5
600
#A92390
700
#871C74
800
#6A165A
900
#4D1443
950
#310C2A

Contrast Checker

Text on white

3.11:1

AA Fail AAA Fail

Text on black

6.76:1

AA Pass AAA Fail

Related Articles

Color Questions

What Is Pantone? The Universal Color Language

ก.พ. 20, 2026
Color Questions

What Is Metamerism? Why Colors Look Different Under Different Lights

ก.พ. 20, 2026
Color Questions

What Is Luminance? Brightness in Color Science

ก.พ. 20, 2026