#DF489F

#DF489F

Color Values

HEX

#DF489F

RGB

223, 72, 159

HSL

325.4, 70.2%, 57.8%

HSV

325.4, 67.7%, 87.5%

CMYK

0.0%, 67.7%, 28.7%, 12.5%

OKLCH

0.6382 0.2045 349.0

Properties

Warm Light Nearest: Cerise

Color Harmonies

Complementary

#DF489F

#48DF88

Analogous

#D348DF

#DF4853

#DF489F

Triadic

#DF489F

#9FDF48

#489FDF

Split Complementary

#DF489F

#53DF48

#48DFD3

Tetradic

#DF489F

#DFD348

#48DF88

#4853DF

Color Blindness Simulation

Original

#DF489F

Protanopia

#9E9C8A

Deuteranopia

#A6B285

Tritanopia

#D77976

Achromatopsia

#6E6E6E

CSS Usage

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

Tailwind Shades

50
#FCF3F8
100
#F8E2EF
200
#F4C2DF
300
#ED97C8
400
#E35EAB
500
#D9268D
600
#AE1E71
700
#8B185A
800
#6D1347
900
#4F1235
950
#320B22

Contrast Checker

Text on white

3.77:1

AA Fail AAA Fail

Text on black

5.57: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