#D50FD2

#D50FD2

Color Values

HEX

#D50FD2

RGB

213, 15, 210

HSL

300,9, 86,8%, 44,7%

HSV

300,9, 93,0%, 83,5%

CMYK

0,0%, 93,0%, 1,4%, 16,5%

OKLCH

0,6136 0,2758 329,1

Properties

Warm Light Nearest: magenta 3

Color Harmonies

Complementary

#D50FD2

#0FD512

Analogous

#750FD5

#D50F6F

#D50FD2

Triadic

#D50FD2

#D2D50F

#0FD2D5

Split Complementary

#D50FD2

#6FD50F

#0FD575

Tetradic

#D50FD2

#D5750F

#0FD512

#0F6FD5

Color Blindness Simulation

Original

#D50FD2

Protanopia

#7F7EA3

Deuteranopia

#8B9A98

Tritanopia

#CB7E75

Achromatopsia

#474747

CSS Usage

background-color: #D50FD2;
color: #D50FD2;
border-color: #D50FD2;
Nearest Tailwind: Fuchsia 600 #C026D3

Tailwind Shades

50
#FDF2FD
100
#FAE0FA
200
#FABCF9
300
#F78DF5
400
#F34FF0
500
#EE11EB
600
#BF0DBC
700
#980B96
800
#770875
900
#560B55
950
#370736

Contrast Checker

Text on white

4,35:1

AA Fail AAA Fail

Text on black

4,83:1

AA Pass AAA Fail

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

Feb 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

Feb 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

Feb 19, 2026