#DF5AE8

#DF5AE8

Color Values

HEX

#DF5AE8

RGB

223, 90, 232

HSL

296.2, 75.5%, 63.1%

HSV

296.2, 61.2%, 91.0%

CMYK

3.9%, 61.2%, 0.0%, 9.0%

OKLCH

0.6903 0.2319 325.1

Properties

Cool Light Nearest: mediumorchid 2

Color Harmonies

Complementary

#DF5AE8

#63E85A

Analogous

#985AE8

#E85AAA

#DF5AE8

Triadic

#DF5AE8

#E8DF5A

#5AE8DF

Split Complementary

#DF5AE8

#AAE85A

#5AE898

Tetradic

#DF5AE8

#E8985A

#63E85A

#5AAAE8

Color Blindness Simulation

Original

#DF5AE8

Protanopia

#A5A4C6

Deuteranopia

#ADB7BD

Tritanopia

#D8AAA5

Achromatopsia

#818181

CSS Usage

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

Tailwind Shades

50
#FCF2FC
100
#F7E2F9
200
#F3C0F6
300
#EA94F0
400
#DF59E8
500
#D41FE0
600
#A919B3
700
#87148F
800
#6A1070
900
#4D1051
950
#310A33

Contrast Checker

Text on white

3.1:1

AA Fail AAA Fail

Text on black

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