#DA86FD

#DA86FD

Color Values

HEX

#DA86FD

RGB

218, 134, 253

HSL

282.4, 96.7%, 75.9%

HSV

282.4, 47.0%, 99.2%

CMYK

13.8%, 47.0%, 0.0%, 0.8%

OKLCH

0.7522 0.1839 315.3

Properties

Cool Light Nearest: violet

Color Harmonies

Complementary

#DA86FD

#A9FD86

Analogous

#9F86FD

#FD86E4

#DA86FD

Triadic

#DA86FD

#FDDA86

#86FDDA

Split Complementary

#DA86FD

#E4FD86

#86FD9F

Tetradic

#DA86FD

#FD9F86

#A9FD86

#86E4FD

Color Blindness Simulation

Original

#DA86FD

Protanopia

#B6B5E0

Deuteranopia

#BAC1D9

Tritanopia

#D6C9C4

Achromatopsia

#A0A0A0

CSS Usage

background-color: #DA86FD;
color: #DA86FD;
border-color: #DA86FD;
Nearest Tailwind: Purple 400 #C084FC

Tailwind Shades

50
#FAF1FE
100
#F3DEFC
200
#EAB9FE
300
#DA87FD
400
#C645FC
500
#B204FB
600
#8F03C9
700
#7203A1
800
#59027D
900
#42065B
950
#2A0439

Contrast Checker

Text on white

2.38:1

AA Fail AAA Fail

Text on black

8.81:1

AA Pass AAA Pass

Related Articles

Color Questions

What Is Pantone? The Universal Color Language

2月 20, 2026
Color Questions

What Is Metamerism? Why Colors Look Different Under Different Lights

2月 20, 2026
Color Questions

What Is Luminance? Brightness in Color Science

2月 20, 2026