#DF5889

#DF5889

Color Values

HEX

#DF5889

RGB

223, 88, 137

HSL

338,2, 67,8%, 61,0%

HSV

338,2, 60,5%, 87,5%

CMYK

0,0%, 60,5%, 38,6%, 12,5%

OKLCH

0,6482 0,174 0,6

Properties

Warm Light Nearest: RAL 4003 Heather Violet

Color Harmonies

Complementary

#DF5889

#58DFAE

Analogous

#DF58CD

#DF6B58

#DF5889

Triadic

#DF5889

#89DF58

#5889DF

Split Complementary

#DF5889

#58DF6B

#58CDDF

Tetradic

#DF5889

#CDDF58

#58DFAE

#6B58DF

Color Blindness Simulation

Original

#DF5889

Protanopia

#A5A37D

Deuteranopia

#ACB67A

Tritanopia

#D87472

Achromatopsia

#787878

CSS Usage

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

Tailwind Shades

50
#FCF3F6
100
#F7E3EA
200
#F4C3D5
300
#EB98B6
400
#E1618F
500
#D62968
600
#AB2153
700
#891A42
800
#6B1534
900
#4E1328
950
#310C19

Contrast Checker

Text on white

3,56:1

AA Fail AAA Fail

Text on black

5,89: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