#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

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