#DC4993

#DC4993

Color Values

HEX

#DC4993

RGB

220, 73, 147

HSL

329.8, 67.7%, 57.5%

HSV

329.8, 66.8%, 86.3%

CMYK

0.0%, 66.8%, 33.2%, 13.7%

OKLCH

0.6302 0.195 353.1

Properties

Warm Light Nearest: Cerise

Color Harmonies

Complementary

#DC4993

#49DC92

Analogous

#DC49DC

#DC494A

#DC4993

Triadic

#DC4993

#93DC49

#4993DC

Split Complementary

#DC4993

#4ADC49

#49DCDC

Tetradic

#DC4993

#DCDC49

#49DC92

#494ADC

Color Blindness Simulation

Original

#DC4993

Protanopia

#9C9B81

Deuteranopia

#A5B07D

Tritanopia

#D57370

Achromatopsia

#6E6E6E

CSS Usage

background-color: #DC4993;
color: #DC4993;
border-color: #DC4993;
Nearest Tailwind: Pink 500 #EC4899

Tailwind Shades

50
#FCF3F7
100
#F7E3ED
200
#F3C3DB
300
#EB98C2
400
#E161A1
500
#D62980
600
#AB2166
700
#891A52
800
#6B1540
900
#4E1331
950
#310C1F

Contrast Checker

Text on white

3.88:1

AA Fail AAA Fail

Text on black

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