#DF6384

#DF6384

Color Values

HEX

#DF6384

RGB

223, 99, 132

HSL

344,0, 66,0%, 63,1%

HSV

344,0, 55,6%, 87,5%

CMYK

0,0%, 55,6%, 40,8%, 12,5%

OKLCH

0,6607 0,1574 5,8

Properties

Warm Light Nearest: palevioletred

Color Harmonies

Complementary

#DF6384

#63DFBE

Analogous

#DF63C2

#DF8063

#DF6384

Triadic

#DF6384

#84DF63

#6384DF

Split Complementary

#DF6384

#63DF80

#63C2DF

Tetradic

#DF6384

#C2DF63

#63DFBE

#8063DF

Color Blindness Simulation

Original

#DF6384

Protanopia

#A9A87C

Deuteranopia

#B0BA7A

Tritanopia

#D97674

Achromatopsia

#808080

CSS Usage

background-color: #DF6384;
color: #DF6384;
border-color: #DF6384;
Nearest Tailwind: Rose 400 #FB7185

Tailwind Shades

50
#FCF3F5
100
#F7E3E8
200
#F3C4D0
300
#EA99AF
400
#DF6284
500
#D42B58
600
#A92347
700
#871C38
800
#6A162C
900
#4D1423
950
#310C16

Contrast Checker

Text on white

3,36:1

AA Fail AAA Fail

Text on black

6,26:1

AA Pass AAA Fail

Related Articles

Brand Stories

Pantone Colors by Decade: The 2000s, 2010s, and 2020s Compared

Feb 01, 2026
Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026