#DA5DA0

#DA5DA0

Color Values

HEX

#DA5DA0

RGB

218, 93, 160

HSL

327.8, 62.8%, 61.0%

HSV

327.8, 57.3%, 85.5%

CMYK

0.0%, 57.3%, 26.6%, 14.5%

OKLCH

0.6548 0.1721 349.6

Properties

Warm Light Nearest: hotpink 2

Color Harmonies

Complementary

#DA5DA0

#5DDA97

Analogous

#D55DDA

#DA5D62

#DA5DA0

Triadic

#DA5DA0

#A0DA5D

#5DA0DA

Split Complementary

#DA5DA0

#62DA5D

#5DDAD5

Tetradic

#DA5DA0

#DAD55D

#5DDA97

#5D62DA

Color Blindness Simulation

Original

#DA5DA0

Protanopia

#A4A390

Deuteranopia

#ABB48C

Tritanopia

#D48380

Achromatopsia

#7C7C7C

CSS Usage

background-color: #DA5DA0;
color: #DA5DA0;
border-color: #DA5DA0;
Nearest Tailwind: Pink 400 #F472B6

Tailwind Shades

50
#FBF3F8
100
#F7E4EE
200
#F2C5DD
300
#E89BC5
400
#DC65A5
500
#D02F85
600
#A6266B
700
#851E55
800
#681843
900
#4C1532
950
#300D20

Contrast Checker

Text on white

3.47:1

AA Fail AAA Fail

Text on black

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