#DC4987

#DC4987

Color Values

HEX

#DC4987

RGB

220, 73, 135

HSL

334.7, 67.7%, 57.5%

HSV

334.7, 66.8%, 86.3%

CMYK

0.0%, 66.8%, 38.6%, 13.7%

OKLCH

0.6261 0.1901 358.2

Properties

Warm Light Nearest: RAL 4003 Heather Violet

Color Harmonies

Complementary

#DC4987

#49DC9E

Analogous

#DC49D1

#DC5549

#DC4987

Triadic

#DC4987

#87DC49

#4987DC

Split Complementary

#DC4987

#49DC55

#49D1DC

Tetradic

#DC4987

#D1DC49

#49DC9E

#5549DC

Color Blindness Simulation

Original

#DC4987

Protanopia

#9C9B78

Deuteranopia

#A5B074

Tritanopia

#D56C6A

Achromatopsia

#6D6D6D

CSS Usage

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

Tailwind Shades

50
#FCF3F7
100
#F7E3EC
200
#F3C3D8
300
#EB98BB
400
#E16197
500
#D62972
600
#AB215B
700
#891A49
800
#6B1539
900
#4E132C
950
#310C1C

Contrast Checker

Text on white

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