#DE0AF5

#DE0AF5

Color Values

HEX

#DE0AF5

RGB

222, 10, 245

HSL

294.1, 92.2%, 50.0%

HSV

294.1, 95.9%, 96.1%

CMYK

9.4%, 95.9%, 0.0%, 3.9%

OKLCH

0.648 0.3032 323.0

Properties

Cool Light Nearest: magenta 2

Color Harmonies

Complementary

#DE0AF5

#21F50A

Analogous

#680AF5

#F50A97

#DE0AF5

Triadic

#DE0AF5

#F5DE0A

#0AF5DE

Split Complementary

#DE0AF5

#97F50A

#0AF568

Tetradic

#DE0AF5

#F5680A

#21F50A

#0A97F5

Color Blindness Simulation

Original

#DE0AF5

Protanopia

#8280BC

Deuteranopia

#8E9EAE

Tritanopia

#D38F85

Achromatopsia

#484848

CSS Usage

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

Tailwind Shades

50
#FCF1FD
100
#F8DFFB
200
#F6BAFC
300
#EF89FA
400
#E74AF8
500
#DE0AF5
600
#B208C4
700
#8E069D
800
#6F057B
900
#510859
950
#330538

Contrast Checker

Text on white

3.84:1

AA Fail AAA Fail

Text on black

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