#DC0F76

#DC0F76

Color Values

HEX

#DC0F76

RGB

220, 15, 118

HSL

329.9, 87.2%, 46.1%

HSV

329.9, 93.2%, 86.3%

CMYK

0.0%, 93.2%, 46.4%, 13.7%

OKLCH

0.583 0.2312 359.8

Properties

Warm Dark Nearest: deeppink 3

Color Harmonies

Complementary

#DC0F76

#0FDC75

Analogous

#DC0FDC

#DC0F0F

#DC0F76

Triadic

#DC0F76

#76DC0F

#0F76DC

Split Complementary

#DC0F76

#0FDC0F

#0FDCDC

Tetradic

#DC0F76

#DCDC0F

#0FDC75

#0F0FDC

Color Blindness Simulation

Original

#DC0F76

Protanopia

#83815D

Deuteranopia

#8F9E57

Tritanopia

#D24945

Achromatopsia

#424242

CSS Usage

background-color: #DC0F76;
color: #DC0F76;
border-color: #DC0F76;
Nearest Tailwind: Pink 600 #DB2777

Tailwind Shades

50
#FDF2F7
100
#FAE0ED
200
#FABCDB
300
#F78CC2
400
#F34EA1
500
#EF1080
600
#BF0D66
700
#990A52
800
#770840
900
#560A31
950
#37071F

Contrast Checker

Text on white

4.8:1

AA Pass AAA Fail

Text on black

4.37:1

AA Fail 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