#D50C76

#D50C76

Color Values

HEX

#D50C76

RGB

213, 12, 118

HSL

328.4, 89.3%, 44.1%

HSV

328.4, 94.4%, 83.5%

CMYK

0.0%, 94.4%, 44.6%, 16.5%

OKLCH

0.5698 0.2277 358.3

Properties

Warm Dark Nearest: deeppink 3

Color Harmonies

Complementary

#D50C76

#0CD56B

Analogous

#D00CD5

#D50C11

#D50C76

Triadic

#D50C76

#76D50C

#0C76D5

Split Complementary

#D50C76

#11D50C

#0CD5D0

Tetradic

#D50C76

#D5D00C

#0CD56B

#0C11D5

Color Blindness Simulation

Original

#D50C76

Protanopia

#7E7C5C

Deuteranopia

#8A9956

Tritanopia

#CB4844

Achromatopsia

#3E3E3E

CSS Usage

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

Tailwind Shades

50
#FDF2F8
100
#FBE0EE
200
#FBBBDD
300
#F88BC5
400
#F54CA5
500
#F10E86
600
#C10B6B
700
#9A0955
800
#790743
900
#570A33
950
#370620

Contrast Checker

Text on white

5.07:1

AA Pass AAA Fail

Text on black

4.14:1

AA Fail AAA Fail

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

Jan 18, 2026