#DF3B8A

#DF3B8A

Color Values

HEX

#DF3B8A

RGB

223, 59, 138

HSL

331.1, 71.9%, 55.3%

HSV

331.1, 73.5%, 87.5%

CMYK

0.0%, 73.5%, 38.1%, 12.5%

OKLCH

0.6187 0.2098 355.9

Properties

Warm Light Nearest: Cerise

Color Harmonies

Complementary

#DF3B8A

#3BDF90

Analogous

#DF3BDC

#DF3E3B

#DF3B8A

Triadic

#DF3B8A

#8ADF3B

#3B8ADF

Split Complementary

#DF3B8A

#3BDF3E

#3BDCDF

Tetradic

#DF3B8A

#DCDF3B

#3BDF90

#3E3BDF

Color Blindness Simulation

Original

#DF3B8A

Protanopia

#989777

Deuteranopia

#A2AE72

Tritanopia

#D76864

Achromatopsia

#646464

CSS Usage

background-color: #DF3B8A;
color: #DF3B8A;
border-color: #DF3B8A;
Nearest Tailwind: Pink 500 #EC4899

Tailwind Shades

50
#FCF3F7
100
#F8E2ED
200
#F5C2DA
300
#EE96C0
400
#E45D9E
500
#DB247C
600
#AF1D63
700
#8C174F
800
#6E123E
900
#50112F
950
#320B1E

Contrast Checker

Text on white

4.09:1

AA Fail AAA Fail

Text on black

5.13:1

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