#DC78AC

#DC78AC

Color Values

HEX

#DC78AC

RGB

220, 120, 172

HSL

328.8, 58.8%, 66.7%

HSV

328.8, 45.5%, 86.3%

CMYK

0.0%, 45.5%, 21.8%, 13.7%

OKLCH

0.6993 0.1379 348.8

Properties

Warm Light Nearest: hotpink 3

Color Harmonies

Complementary

#DC78AC

#78DCA8

Analogous

#DA78DC

#DC787A

#DC78AC

Triadic

#DC78AC

#ACDC78

#78ACDC

Split Complementary

#DC78AC

#7ADC78

#78DCDA

Tetradic

#DC78AC

#DCDA78

#78DCA8

#787ADC

Color Blindness Simulation

Original

#DC78AC

Protanopia

#B1B09F

Deuteranopia

#B6BE9C

Tritanopia

#D79593

Achromatopsia

#919191

CSS Usage

background-color: #DC78AC;
color: #DC78AC;
border-color: #DC78AC;
Nearest Tailwind: Pink 400 #F472B6

Tailwind Shades

50
#FBF4F8
100
#F6E4EE
200
#F0C6DC
300
#E69EC3
400
#D869A3
500
#CA3582
600
#A22A68
700
#822254
800
#651A41
900
#4A1731
950
#2F0E1F

Contrast Checker

Text on white

2.87:1

AA Fail AAA Fail

Text on black

7.33:1

AA Pass AAA Pass

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