#DC4988

#DC4988

Color Values

HEX

#DC4988

RGB

220, 73, 136

HSL

334.3, 67.7%, 57.5%

HSV

334.3, 66.8%, 86.3%

CMYK

0.0%, 66.8%, 38.2%, 13.7%

OKLCH

0.6264 0.1905 357.8

Properties

Warm Light Nearest: RAL 4003 Heather Violet

Color Harmonies

Complementary

#DC4988

#49DC9D

Analogous

#DC49D1

#DC5449

#DC4988

Triadic

#DC4988

#88DC49

#4988DC

Split Complementary

#DC4988

#49DC54

#49D1DC

Tetradic

#DC4988

#D1DC49

#49DC9D

#5449DC

Color Blindness Simulation

Original

#DC4988

Protanopia

#9C9B79

Deuteranopia

#A5B075

Tritanopia

#D56D6A

Achromatopsia

#6D6D6D

CSS Usage

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

Tailwind Shades

50
#FCF3F7
100
#F7E3EC
200
#F3C3D8
300
#EB98BC
400
#E16197
500
#D62973
600
#AB215C
700
#891A4A
800
#6B153A
900
#4E132C
950
#310C1C

Contrast Checker

Text on white

3.92:1

AA Fail AAA Fail

Text on black

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