#DC3CD3

#DC3CD3

Color Values

HEX

#DC3CD3

RGB

220, 60, 211

HSL

303,4, 69,6%, 54,9%

HSV

303,4, 72,7%, 86,3%

CMYK

0,0%, 72,7%, 4,1%, 13,7%

OKLCH

0,647 0,2496 330,5

Properties

Warm Light Nearest: magenta 3

Color Harmonies

Complementary

#DC3CD3

#3CDC45

Analogous

#953CDC

#DC3C83

#DC3CD3

Triadic

#DC3CD3

#D3DC3C

#3CD3DC

Split Complementary

#DC3CD3

#83DC3C

#3CDC95

Tetradic

#DC3CD3

#DC953C

#3CDC45

#3C83DC

Color Blindness Simulation

Original

#DC3CD3

Protanopia

#9795AF

Deuteranopia

#A0ACA6

Tritanopia

#D4928B

Achromatopsia

#696969

CSS Usage

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

Tailwind Shades

50
#FCF3FB
100
#F8E3F7
200
#F4C2F1
300
#EC97E8
400
#E25FDB
500
#D827CE
600
#AD1FA5
700
#8A1984
800
#6C1367
900
#4F124B
950
#320B30

Contrast Checker

Text on white

3,73:1

AA Fail AAA Fail

Text on black

5,63: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