#DC638F

#DC638F

Color Values

HEX

#DC638F

RGB

220, 99, 143

HSL

338.2, 63.4%, 62.5%

HSV

338.2, 55.0%, 86.3%

CMYK

0.0%, 55.0%, 35.0%, 13.7%

OKLCH

0.6597 0.1574 359.5

Properties

Warm Light Nearest: hotpink 3

Color Harmonies

Complementary

#DC638F

#63DCB0

Analogous

#DC63CB

#DC7363

#DC638F

Triadic

#DC638F

#8FDC63

#638FDC

Split Complementary

#DC638F

#63DC73

#63CBDC

Tetradic

#DC638F

#CBDC63

#63DCB0

#7363DC

Color Blindness Simulation

Original

#DC638F

Protanopia

#A8A784

Deuteranopia

#AFB882

Tritanopia

#D67C7A

Achromatopsia

#808080

CSS Usage

background-color: #DC638F;
color: #DC638F;
border-color: #DC638F;
Nearest Tailwind: Pink 400 #F472B6

Tailwind Shades

50
#FBF3F6
100
#F7E4EB
200
#F2C5D5
300
#E99BB7
400
#DC6590
500
#D02F69
600
#A72554
700
#851E43
800
#681735
900
#4C1529
950
#300D1A

Contrast Checker

Text on white

3.37:1

AA Fail AAA Fail

Text on black

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