#DF1871

#DF1871

Color Values

HEX

#DF1871

RGB

223, 24, 113

HSL

333.2, 80.6%, 48.4%

HSV

333.2, 89.2%, 87.5%

CMYK

0.0%, 89.2%, 49.3%, 12.5%

OKLCH

0.5897 0.2282 2.6

Properties

Warm Dark Nearest: Razzmatazz

Color Harmonies

Complementary

#DF1871

#18DF86

Analogous

#DF18D4

#DF2318

#DF1871

Triadic

#DF1871

#71DF18

#1871DF

Split Complementary

#DF1871

#18DF23

#18D4DF

Tetradic

#DF1871

#D4DF18

#18DF86

#2318DF

Color Blindness Simulation

Original

#DF1871

Protanopia

#89875B

Deuteranopia

#94A356

Tritanopia

#D54A47

Achromatopsia

#494949

CSS Usage

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

Tailwind Shades

50
#FDF2F7
100
#F9E1EC
200
#F8BFD8
300
#F390BD
400
#ED5599
500
#E61975
600
#B8145D
700
#93104B
800
#730C3A
900
#540D2D
950
#35081C

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

1月 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

1月 21, 2026
Tutorials

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

1月 18, 2026