#DC16DA

#DC16DA

Color Values

HEX

#DC16DA

RGB

220, 22, 218

HSL

300.6, 81.8%, 47.5%

HSV

300.6, 90.0%, 86.3%

CMYK

0.0%, 90.0%, 0.9%, 13.7%

OKLCH

0.6309 0.2811 328.8

Properties

Warm Light Nearest: magenta 3

Color Harmonies

Complementary

#DC16DA

#16DC18

Analogous

#7B16DC

#DC1677

#DC16DA

Triadic

#DC16DA

#DADC16

#16DADC

Split Complementary

#DC16DA

#77DC16

#16DC7B

Tetradic

#DC16DA

#DC7B16

#16DC18

#1677DC

Color Blindness Simulation

Original

#DC16DA

Protanopia

#8685AB

Deuteranopia

#92A19F

Tritanopia

#D2857D

Achromatopsia

#4E4E4E

CSS Usage

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

Tailwind Shades

50
#FDF2FD
100
#FAE1F9
200
#F9BEF8
300
#F490F3
400
#EE53EC
500
#E817E6
600
#B913B8
700
#940F93
800
#740C73
900
#540D53
950
#350835

Contrast Checker

Text on white

4.06:1

AA Fail AAA Fail

Text on black

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