#DC36D1

#DC36D1

Color Values

HEX

#DC36D1

RGB

220, 54, 209

HSL

304.0, 70.3%, 53.7%

HSV

304.0, 75.5%, 86.3%

CMYK

0.0%, 75.5%, 5.0%, 13.7%

OKLCH

0.6416 0.254 331.1

Properties

Warm Light Nearest: magenta 3

Color Harmonies

Complementary

#DC36D1

#36DC41

Analogous

#9436DC

#DC367E

#DC36D1

Triadic

#DC36D1

#D1DC36

#36D1DC

Split Complementary

#DC36D1

#7EDC36

#36DC94

Tetradic

#DC36D1

#DC9436

#36DC41

#367EDC

Color Blindness Simulation

Original

#DC36D1

Protanopia

#9493AC

Deuteranopia

#9EAAA2

Tritanopia

#D48E87

Achromatopsia

#646464

CSS Usage

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

Tailwind Shades

50
#FCF3FB
100
#F8E2F6
200
#F4C2F1
300
#ED97E7
400
#E35EDA
500
#D926CD
600
#AE1EA4
700
#8B1883
800
#6D1367
900
#4F124B
950
#320B2F

Contrast Checker

Text on white

3.82:1

AA Fail AAA Fail

Text on black

5.49:1

AA Pass AAA Fail

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

Jan 18, 2026