#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

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026
Tutorials

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

Jan 18, 2026