#DF398D

#DF398D

Color Values

HEX

#DF398D

RGB

223, 57, 141

HSL

329.6, 72.2%, 54.9%

HSV

329.6, 74.4%, 87.5%

CMYK

0.0%, 74.4%, 36.8%, 12.5%

OKLCH

0.6181 0.2131 354.6

Properties

Warm Light Nearest: Cerise

Color Harmonies

Complementary

#DF398D

#39DF8B

Analogous

#DE39DF

#DF393A

#DF398D

Triadic

#DF398D

#8DDF39

#398DDF

Split Complementary

#DF398D

#3ADF39

#39DFDE

Tetradic

#DF398D

#DFDE39

#39DF8B

#393ADF

Color Blindness Simulation

Original

#DF398D

Protanopia

#979679

Deuteranopia

#A1AD74

Tritanopia

#D76965

Achromatopsia

#626262

CSS Usage

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

Tailwind Shades

50
#FCF3F7
100
#F8E2ED
200
#F5C2DC
300
#EE96C2
400
#E55DA2
500
#DC2381
600
#B01C67
700
#8D1752
800
#6E1240
900
#501131
950
#320B1F

Contrast Checker

Text on white

4.11:1

AA Fail AAA Fail

Text on black

5.11:1

AA Pass AAA Fail

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

ก.พ. 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

ก.พ. 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

ก.พ. 19, 2026