#DF1478

#DF1478

Color Values

HEX

#DF1478

RGB

223, 20, 120

HSL

330,4, 83,5%, 47,6%

HSV

330,4, 91,0%, 87,5%

CMYK

0,0%, 91,0%, 46,2%, 12,5%

OKLCH

0,5904 0,232 359,9

Properties

Warm Dark Nearest: deeppink 3

Color Harmonies

Complementary

#DF1478

#14DF7B

Analogous

#DF14DD

#DF1514

#DF1478

Triadic

#DF1478

#78DF14

#1478DF

Split Complementary

#DF1478

#14DF15

#14DDDF

Tetradic

#DF1478

#DDDF14

#14DF7B

#1514DF

Color Blindness Simulation

Original

#DF1478

Protanopia

#878560

Deuteranopia

#93A25A

Tritanopia

#D54D48

Achromatopsia

#464646

CSS Usage

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

Tailwind Shades

50
#FDF2F7
100
#FAE0ED
200
#F9BDDB
300
#F58FC1
400
#EF52A0
500
#EA157E
600
#BB1165
700
#960D51
800
#750B3F
900
#550C30
950
#36081E

Contrast Checker

Text on white

4,66:1

AA Pass AAA Fail

Text on black

4,51:1

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