#D50CD8

#D50CD8

Color Values

HEX

#D50CD8

RGB

213, 12, 216

HSL

299.1, 89.5%, 44.7%

HSV

299.1, 94.4%, 84.7%

CMYK

1.4%, 94.4%, 0.0%, 15.3%

OKLCH

0.6165 0.2806 327.6

Properties

Cool Light Nearest: magenta 3

Color Harmonies

Complementary

#D50CD8

#0FD80C

Analogous

#6F0CD8

#D80C75

#D50CD8

Triadic

#D50CD8

#D8D50C

#0CD8D5

Split Complementary

#D50CD8

#75D80C

#0CD86F

Tetradic

#D50CD8

#D86F0C

#0FD80C

#0C75D8

Color Blindness Simulation

Original

#D50CD8

Protanopia

#7E7CA7

Deuteranopia

#8A999B

Tritanopia

#CB8077

Achromatopsia

#454545

CSS Usage

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

Tailwind Shades

50
#FDF2FD
100
#FAE0FB
200
#FABBFB
300
#F78BF9
400
#F34CF5
500
#EE0DF2
600
#BF0BC1
700
#98099B
800
#770779
900
#560957
950
#370637

Contrast Checker

Text on white

4.31:1

AA Fail AAA Fail

Text on black

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