#DF86FD

#DF86FD

Color Values

HEX

#DF86FD

RGB

223, 134, 253

HSL

284,9, 96,7%, 75,9%

HSV

284,9, 47,0%, 99,2%

CMYK

11,9%, 47,0%, 0,0%, 0,8%

OKLCH

0,7576 0,1861 317,1

Properties

Cool Light Nearest: violet

Color Harmonies

Complementary

#DF86FD

#A4FD86

Analogous

#A486FD

#FD86DF

#DF86FD

Triadic

#DF86FD

#FDDF86

#86FDDF

Split Complementary

#DF86FD

#DFFD86

#86FDA4

Tetradic

#DF86FD

#FDA486

#A4FD86

#86DFFD

Color Blindness Simulation

Original

#DF86FD

Protanopia

#B8B8E0

Deuteranopia

#BEC4D9

Tritanopia

#DBC9C4

Achromatopsia

#A2A2A2

CSS Usage

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

Tailwind Shades

50
#FAF1FE
100
#F4DEFC
200
#ECB9FE
300
#DF87FD
400
#CE45FC
500
#BD04FB
600
#9703C9
700
#7903A1
800
#5E027D
900
#45065B
950
#2C0439

Contrast Checker

Text on white

2,34:1

AA Fail AAA Fail

Text on black

8,97: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