#DE86FD

#DE86FD

Color Values

HEX

#DE86FD

RGB

222, 134, 253

HSL

284.4, 96.7%, 75.9%

HSV

284.4, 47.0%, 99.2%

CMYK

12.3%, 47.0%, 0.0%, 0.8%

OKLCH

0.7566 0.1857 316.8

Properties

Cool Light Nearest: violet

Color Harmonies

Complementary

#DE86FD

#A5FD86

Analogous

#A386FD

#FD86E0

#DE86FD

Triadic

#DE86FD

#FDDE86

#86FDDE

Split Complementary

#DE86FD

#E0FD86

#86FDA3

Tetradic

#DE86FD

#FDA386

#A5FD86

#86E0FD

Color Blindness Simulation

Original

#DE86FD

Protanopia

#B8B7E0

Deuteranopia

#BDC4D9

Tritanopia

#DAC9C4

Achromatopsia

#A1A1A1

CSS Usage

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

Tailwind Shades

50
#FAF1FE
100
#F4DEFC
200
#ECB9FE
300
#DE87FD
400
#CC45FC
500
#BB04FB
600
#9503C9
700
#7703A1
800
#5D027D
900
#45065B
950
#2B0439

Contrast Checker

Text on white

2.35:1

AA Fail AAA Fail

Text on black

8.93:1

AA Pass AAA Pass

Related Articles

Color Questions

What Is Pantone? The Universal Color Language

Feb 20, 2026
Color Questions

What Is Metamerism? Why Colors Look Different Under Different Lights

Feb 20, 2026
Color Questions

What Is Luminance? Brightness in Color Science

Feb 20, 2026