#DA0ADD

#DA0ADD

Color Values

HEX

#DA0ADD

RGB

218, 10, 221

HSL

299.1, 91.3%, 45.3%

HSV

299.1, 95.5%, 86.7%

CMYK

1.4%, 95.5%, 0.0%, 13.3%

OKLCH

0.6269 0.2861 327.6

Properties

Cool Light Nearest: magenta 3

Color Harmonies

Complementary

#DA0ADD

#0DDD0A

Analogous

#700ADD

#DD0A77

#DA0ADD

Triadic

#DA0ADD

#DDDA0A

#0ADDDA

Split Complementary

#DA0ADD

#77DD0A

#0ADD70

Tetradic

#DA0ADD

#DD700A

#0DDD0A

#0A77DD

Color Blindness Simulation

Original

#DA0ADD

Protanopia

#807EAA

Deuteranopia

#8C9C9E

Tritanopia

#D08279

Achromatopsia

#454545

CSS Usage

background-color: #DA0ADD;
color: #DA0ADD;
border-color: #DA0ADD;
Nearest Tailwind: Fuchsia 600 #C026D3

Tailwind Shades

50
#FDF1FD
100
#FBDFFB
200
#FBBBFC
300
#F88AFA
400
#F44BF7
500
#F00BF4
600
#C009C3
700
#9A079C
800
#78067A
900
#570958
950
#370538

Contrast Checker

Text on white

4.14:1

AA Fail AAA Fail

Text on black

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