#DC12DA

#DC12DA

Color Values

HEX

#DC12DA

RGB

220, 18, 218

HSL

300.6, 84.9%, 46.7%

HSV

300.6, 91.8%, 86.3%

CMYK

0.0%, 91.8%, 0.9%, 13.7%

OKLCH

0.6298 0.2826 328.8

Properties

Warm Light Nearest: magenta 3

Color Harmonies

Complementary

#DC12DA

#12DC14

Analogous

#7912DC

#DC1275

#DC12DA

Triadic

#DC12DA

#DADC12

#12DADC

Split Complementary

#DC12DA

#75DC12

#12DC79

Tetradic

#DC12DA

#DC7912

#12DC14

#1275DC

Color Blindness Simulation

Original

#DC12DA

Protanopia

#8483AA

Deuteranopia

#909F9E

Tritanopia

#D2837B

Achromatopsia

#4B4B4B

CSS Usage

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

Tailwind Shades

50
#FDF2FD
100
#FAE0FA
200
#FABDF9
300
#F68EF5
400
#F151EF
500
#EC13EA
600
#BD0FBB
700
#970C95
800
#760A75
900
#550B55
950
#360736

Contrast Checker

Text on white

4.08:1

AA Fail AAA Fail

Text on black

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