#DA5AD2

#DA5AD2

Color Values

HEX

#DA5AD2

RGB

218, 90, 210

HSL

303.8, 63.4%, 60.4%

HSV

303.8, 58.7%, 85.5%

CMYK

0.0%, 58.7%, 3.7%, 14.5%

OKLCH

0.6725 0.2112 330.1

Properties

Warm Light Nearest: orchid 2

Color Harmonies

Complementary

#DA5AD2

#5ADA62

Analogous

#A25ADA

#DA5A92

#DA5AD2

Triadic

#DA5AD2

#D2DA5A

#5AD2DA

Split Complementary

#DA5AD2

#92DA5A

#5ADAA2

Tetradic

#DA5AD2

#DAA25A

#5ADA62

#5A92DA

Color Blindness Simulation

Original

#DA5AD2

Protanopia

#A3A1B5

Deuteranopia

#AAB4AE

Tritanopia

#D49E99

Achromatopsia

#7E7E7E

CSS Usage

background-color: #DA5AD2;
color: #DA5AD2;
border-color: #DA5AD2;
Nearest Tailwind: Fuchsia 400 #E879F9

Tailwind Shades

50
#FBF3FB
100
#F7E4F6
200
#F2C5EF
300
#E99BE4
400
#DC65D5
500
#D02FC6
600
#A7259E
700
#851E7F
800
#681763
900
#4C1549
950
#300D2E

Contrast Checker

Text on white

3.29:1

AA Fail AAA Fail

Text on black

6.37:1

AA Pass AAA Fail

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

Jan 18, 2026