#DC317B

#DC317B

Color Values

HEX

#DC317B

RGB

220, 49, 123

HSL

334.0, 71.0%, 52.7%

HSV

334.0, 77.7%, 86.3%

CMYK

0.0%, 77.7%, 44.1%, 13.7%

OKLCH

0.6011 0.2118 0.1

Properties

Warm Light Nearest: RAL 4010 Telemagenta

Color Harmonies

Complementary

#DC317B

#31DC92

Analogous

#DC31D1

#DC3C31

#DC317B

Triadic

#DC317B

#7BDC31

#317BDC

Split Complementary

#DC317B

#31DC3C

#31D1DC

Tetradic

#DC317B

#D1DC31

#31DC92

#3C31DC

Color Blindness Simulation

Original

#DC317B

Protanopia

#929069

Deuteranopia

#9CA965

Tritanopia

#D35B58

Achromatopsia

#5B5B5B

CSS Usage

background-color: #DC317B;
color: #DC317B;
border-color: #DC317B;
Nearest Tailwind: Pink 600 #DB2777

Tailwind Shades

50
#FCF3F7
100
#F8E2EC
200
#F5C2D8
300
#ED96BC
400
#E45E98
500
#DA2573
600
#AE1E5C
700
#8C184A
800
#6D123A
900
#4F112C
950
#320B1C

Contrast Checker

Text on white

4.4:1

AA Fail AAA Fail

Text on black

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