#DC657E

#DC657E

Color Values

HEX

#DC657E

RGB

220, 101, 126

HSL

347.4, 63.0%, 62.9%

HSV

347.4, 54.1%, 86.3%

CMYK

0.0%, 54.1%, 42.7%, 13.7%

OKLCH

0.6576 0.1502 9.0

Properties

Warm Light Nearest: palevioletred

Color Harmonies

Complementary

#DC657E

#65DCC3

Analogous

#DC65B9

#DC8765

#DC657E

Triadic

#DC657E

#7EDC65

#657EDC

Split Complementary

#DC657E

#65DC87

#65B9DC

Tetradic

#DC657E

#B9DC65

#65DCC3

#8765DC

Color Blindness Simulation

Original

#DC657E

Protanopia

#A8A778

Deuteranopia

#AFB876

Tritanopia

#D67372

Achromatopsia

#808080

CSS Usage

background-color: #DC657E;
color: #DC657E;
border-color: #DC657E;
Nearest Tailwind: Rose 400 #FB7185

Tailwind Shades

50
#FBF3F5
100
#F7E4E8
200
#F2C5CE
300
#E89BAB
400
#DC657E
500
#D02F51
600
#A62641
700
#851E34
800
#681828
900
#4C1521
950
#300D15

Contrast Checker

Text on white

3.38:1

AA Fail AAA Fail

Text on black

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