#DA45D2

#DA45D2

Color Values

HEX

#DA45D2

RGB

218, 69, 210

HSL

303.2, 66.8%, 56.3%

HSV

303.2, 68.3%, 85.5%

CMYK

0.0%, 68.3%, 3.7%, 14.5%

OKLCH

0.6511 0.2382 330.2

Properties

Warm Light Nearest: Purple Pizzazz

Color Harmonies

Complementary

#DA45D2

#45DA4D

Analogous

#9845DA

#DA4588

#DA45D2

Triadic

#DA45D2

#D2DA45

#45D2DA

Split Complementary

#DA45D2

#88DA45

#45DA98

Tetradic

#DA45D2

#DA9845

#45DA4D

#4588DA

Color Blindness Simulation

Original

#DA45D2

Protanopia

#9998B0

Deuteranopia

#A2ADA8

Tritanopia

#D3958F

Achromatopsia

#6F6F6F

CSS Usage

background-color: #DA45D2;
color: #DA45D2;
border-color: #DA45D2;
Nearest Tailwind: Fuchsia 500 #D946EF

Tailwind Shades

50
#FCF3FB
100
#F7E3F6
200
#F3C3F1
300
#EB99E6
400
#E062D9
500
#D52ACC
600
#AA22A3
700
#881B82
800
#6A1566
900
#4E134A
950
#310C2F

Contrast Checker

Text on white

3.64:1

AA Fail AAA Fail

Text on black

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