#DC7B9F

#DC7B9F

Color Values

HEX

#DC7B9F

RGB

220, 123, 159

HSL

337.7, 58.1%, 67.3%

HSV

337.7, 44.1%, 86.3%

CMYK

0.0%, 44.1%, 27.7%, 13.7%

OKLCH

0.6996 0.1265 357.2

Properties

Warm Light Nearest: palevioletred

Color Harmonies

Complementary

#DC7B9F

#7BDCB8

Analogous

#DC7BD0

#DC887B

#DC7B9F

Triadic

#DC7B9F

#9FDC7B

#7B9FDC

Split Complementary

#DC7B9F

#7BDC88

#7BD0DC

Tetradic

#DC7B9F

#D0DC7B

#7BDCB8

#887BDC

Color Blindness Simulation

Original

#DC7B9F

Protanopia

#B2B196

Deuteranopia

#B8BF94

Tritanopia

#D78F8E

Achromatopsia

#929292

CSS Usage

background-color: #DC7B9F;
color: #DC7B9F;
border-color: #DC7B9F;
Nearest Tailwind: Pink 300 #F9A8D4

Tailwind Shades

50
#FBF4F6
100
#F6E4EB
200
#F0C7D6
300
#E59EB9
400
#D76A93
500
#CA356C
600
#A12B57
700
#812245
800
#651B36
900
#4A172A
950
#2F0F1A

Contrast Checker

Text on white

2.85:1

AA Fail AAA Fail

Text on black

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