#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

Color Questions

What Is Pantone? The Universal Color Language

Feb 20, 2026
Color Questions

What Is Metamerism? Why Colors Look Different Under Different Lights

Feb 20, 2026
Color Questions

What Is Luminance? Brightness in Color Science

Feb 20, 2026