#DF1077

#DF1077

Color Values

HEX

#DF1077

RGB

223, 16, 119

HSL

330,1, 86,6%, 46,9%

HSV

330,1, 92,8%, 87,5%

CMYK

0,0%, 92,8%, 46,6%, 12,5%

OKLCH

0,589 0,2332 0,1

Properties

Warm Dark Nearest: deeppink 3

Color Harmonies

Complementary

#DF1077

#10DF78

Analogous

#DF10DF

#DF1010

#DF1077

Triadic

#DF1077

#77DF10

#1077DF

Split Complementary

#DF1077

#10DF10

#10DFDF

Tetradic

#DF1077

#DFDF10

#10DF78

#1010DF

Color Blindness Simulation

Original

#DF1077

Protanopia

#85845E

Deuteranopia

#91A158

Tritanopia

#D54A46

Achromatopsia

#434343

CSS Usage

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

Tailwind Shades

50
#FDF2F7
100
#FAE0ED
200
#FABCDB
300
#F78DC2
400
#F24FA0
500
#EE117F
600
#BE0E66
700
#980B51
800
#770940
900
#560B30
950
#36071F

Contrast Checker

Text on white

4,69:1

AA Pass AAA Fail

Text on black

4,48:1

AA Fail 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