#D557F2

#D557F2

Color Values

HEX

#D557F2

RGB

213, 87, 242

HSL

288.8, 85.6%, 64.5%

HSV

288.8, 64.0%, 94.9%

CMYK

12.0%, 64.0%, 0.0%, 5.1%

OKLCH

0.6797 0.2398 319.6

Properties

Cool Light Nearest: mediumorchid 1

Color Harmonies

Complementary

#D557F2

#74F257

Analogous

#8857F2

#F257C1

#D557F2

Triadic

#D557F2

#F2D557

#57F2D5

Split Complementary

#D557F2

#C1F257

#57F288

Tetradic

#D557F2

#F28857

#74F257

#57C1F2

Color Blindness Simulation

Original

#D557F2

Protanopia

#9E9DCD

Deuteranopia

#A6AFC3

Tritanopia

#CFAFA8

Achromatopsia

#7D7D7D

CSS Usage

background-color: #D557F2;
color: #D557F2;
border-color: #D557F2;
Nearest Tailwind: Fuchsia 500 #D946EF

Tailwind Shades

50
#FBF2FD
100
#F5E0FA
200
#EEBDFA
300
#E38DF6
400
#D350F1
500
#C412ED
600
#9D0FBD
700
#7D0C97
800
#620976
900
#480B56
950
#2D0736

Contrast Checker

Text on white

3.24:1

AA Fail AAA Fail

Text on black

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