#DF1AE0

#DF1AE0

Color Values

HEX

#DF1AE0

RGB

223, 26, 224

HSL

299.7, 79.2%, 49.0%

HSV

299.7, 88.4%, 87.8%

CMYK

0.4%, 88.4%, 0.0%, 12.2%

OKLCH

0.6403 0.2845 328.0

Properties

Cool Light Nearest: magenta 3

Color Harmonies

Complementary

#DF1AE0

#1BE01A

Analogous

#7C1AE0

#E01A7E

#DF1AE0

Triadic

#DF1AE0

#E0DF1A

#1AE0DF

Split Complementary

#DF1AE0

#7EE01A

#1AE07C

Tetradic

#DF1AE0

#E07C1A

#1BE01A

#1A7EE0

Color Blindness Simulation

Original

#DF1AE0

Protanopia

#8A88B0

Deuteranopia

#95A4A5

Tritanopia

#D58A82

Achromatopsia

#525252

CSS Usage

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

Tailwind Shades

50
#FCF2FC
100
#F9E1F9
200
#F7BFF8
300
#F291F2
400
#EB56EB
500
#E31BE4
600
#B615B7
700
#921192
800
#720D72
900
#530E53
950
#340934

Contrast Checker

Text on white

3.92:1

AA Fail AAA Fail

Text on black

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