#D563DF

#D563DF

Color Values

HEX

#D563DF

RGB

213, 99, 223

HSL

295.2, 66.0%, 63.1%

HSV

295.2, 55.6%, 87.5%

CMYK

4.5%, 55.6%, 0.0%, 12.5%

OKLCH

0.6833 0.2064 324.3

Properties

Cool Light Nearest: mediumorchid

Color Harmonies

Complementary

#D563DF

#6DDF63

Analogous

#9763DF

#DF63AB

#D563DF

Triadic

#D563DF

#DFD563

#63DFD5

Split Complementary

#D563DF

#ABDF63

#63DF97

Tetradic

#D563DF

#DF9763

#6DDF63

#63ABDF

Color Blindness Simulation

Original

#D563DF

Protanopia

#A4A3C1

Deuteranopia

#AAB3BA

Tritanopia

#CFA9A4

Achromatopsia

#848484

CSS Usage

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

Tailwind Shades

50
#FBF3FC
100
#F6E3F7
200
#EFC4F3
300
#E499EA
400
#D562DF
500
#C62BD4
600
#9F23A9
700
#7F1C87
800
#63166A
900
#49144D
950
#2E0C31

Contrast Checker

Text on white

3.14:1

AA Fail AAA Fail

Text on black

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