#DC4983

#DC4983

Color Values

HEX

#DC4983

RGB

220, 73, 131

HSL

336.3, 67.7%, 57.5%

HSV

336.3, 66.8%, 86.3%

CMYK

0.0%, 66.8%, 40.5%, 13.7%

OKLCH

0.6249 0.1887 360.0

Properties

Warm Light Nearest: RAL 4003 Heather Violet

Color Harmonies

Complementary

#DC4983

#49DCA2

Analogous

#DC49CD

#DC5949

#DC4983

Triadic

#DC4983

#83DC49

#4983DC

Split Complementary

#DC4983

#49DC59

#49CDDC

Tetradic

#DC4983

#CDDC49

#49DCA2

#5949DC

Color Blindness Simulation

Original

#DC4983

Protanopia

#9C9B75

Deuteranopia

#A5B072

Tritanopia

#D56A67

Achromatopsia

#6C6C6C

CSS Usage

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

Tailwind Shades

50
#FCF3F6
100
#F7E3EB
200
#F3C3D6
300
#EB98B9
400
#E16193
500
#D6296D
600
#AB2157
700
#891A46
800
#6B1537
900
#4E132A
950
#310C1B

Contrast Checker

Text on white

3.94:1

AA Fail AAA Fail

Text on black

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