#DC398F

#DC398F

Color Values

HEX

#DC398F

RGB

220, 57, 143

HSL

328.3, 70.0%, 54.3%

HSV

328.3, 74.1%, 86.3%

CMYK

0.0%, 74.1%, 35.0%, 13.7%

OKLCH

0.614 0.2117 353.1

Properties

Warm Light Nearest: Cerise

Color Harmonies

Complementary

#DC398F

#39DC86

Analogous

#D739DC

#DC393E

#DC398F

Triadic

#DC398F

#8FDC39

#398FDC

Split Complementary

#DC398F

#3EDC39

#39DCD7

Tetradic

#DC398F

#DCD739

#39DC86

#393EDC

Color Blindness Simulation

Original

#DC398F

Protanopia

#95947A

Deuteranopia

#9FAB75

Tritanopia

#D46A66

Achromatopsia

#626262

CSS Usage

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

Tailwind Shades

50
#FCF3F8
100
#F8E3EE
200
#F4C2DD
300
#ED97C4
400
#E35FA4
500
#D92685
600
#AD1F6A
700
#8B1855
800
#6C1342
900
#4F1232
950
#320B20

Contrast Checker

Text on white

4.18:1

AA Fail AAA Fail

Text on black

5.03:1

AA Pass AAA Fail

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

ม.ค. 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

ม.ค. 21, 2026
Tutorials

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

ม.ค. 18, 2026