#DF1471

#DF1471

Color Values

HEX

#DF1471

RGB

223, 20, 113

HSL

332,5, 83,5%, 47,6%

HSV

332,5, 91,0%, 87,5%

CMYK

0,0%, 91,0%, 49,3%, 12,5%

OKLCH

0,5883 0,2299 2,4

Properties

Warm Dark Nearest: Razzmatazz

Color Harmonies

Complementary

#DF1471

#14DF82

Analogous

#DF14D6

#DF1C14

#DF1471

Triadic

#DF1471

#71DF14

#1471DF

Split Complementary

#DF1471

#14DF1C

#14D6DF

Tetradic

#DF1471

#D6DF14

#14DF82

#1C14DF

Color Blindness Simulation

Original

#DF1471

Protanopia

#87855B

Deuteranopia

#93A255

Tritanopia

#D54945

Achromatopsia

#464646

CSS Usage

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

Tailwind Shades

50
#FDF2F7
100
#FAE0EC
200
#F9BDD9
300
#F58FBE
400
#EF529A
500
#EA1577
600
#BB115F
700
#960D4C
800
#750B3B
900
#550C2D
950
#36081D

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

Fev 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

Fev 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

Fev 19, 2026