#DA6384

#DA6384

Color Values

HEX

#DA6384

RGB

218, 99, 132

HSL

343.4, 61.7%, 62.2%

HSV

343.4, 54.6%, 85.5%

CMYK

0.0%, 54.6%, 39.4%, 14.5%

OKLCH

0.6537 0.1521 4.8

Properties

Warm Light Nearest: palevioletred

Color Harmonies

Complementary

#DA6384

#63DAB9

Analogous

#DA63C0

#DA7E63

#DA6384

Triadic

#DA6384

#84DA63

#6384DA

Split Complementary

#DA6384

#63DA7E

#63C0DA

Tetradic

#DA6384

#C0DA63

#63DAB9

#7E63DA

Color Blindness Simulation

Original

#DA6384

Protanopia

#A6A57C

Deuteranopia

#ADB67A

Tritanopia

#D47674

Achromatopsia

#7F7F7F

CSS Usage

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

Tailwind Shades

50
#FBF3F6
100
#F7E4E9
200
#F1C5D1
300
#E89CB1
400
#DB6687
500
#CE315C
600
#A5274A
700
#841F3B
800
#67182E
900
#4B1624
950
#300E17

Contrast Checker

Text on white

3.44:1

AA Fail AAA Fail

Text on black

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