#DE87FD

#DE87FD

Color Values

HEX

#DE87FD

RGB

222, 135, 253

HSL

284.2, 96.7%, 76.1%

HSV

284.2, 46.6%, 99.2%

CMYK

12.3%, 46.6%, 0.0%, 0.8%

OKLCH

0.758 0.1841 316.7

Properties

Cool Light Nearest: violet

Color Harmonies

Complementary

#DE87FD

#A6FD87

Analogous

#A387FD

#FD87E1

#DE87FD

Triadic

#DE87FD

#FDDE87

#87FDDE

Split Complementary

#DE87FD

#E1FD87

#87FDA3

Tetradic

#DE87FD

#FDA387

#A6FD87

#87E1FD

Color Blindness Simulation

Original

#DE87FD

Protanopia

#B8B8E0

Deuteranopia

#BDC4DA

Tritanopia

#DACAC5

Achromatopsia

#A2A2A2

CSS Usage

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

Tailwind Shades

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

Contrast Checker

Text on white

2.34:1

AA Fail AAA Fail

Text on black

8.99:1

AA Pass AAA Pass

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