#8586FF

#8586FF

Color Values

HEX

#8586FF

RGB

133, 134, 255

HSL

239,5, 100,0%, 76,1%

HSV

239,5, 47,8%, 100,0%

CMYK

47,8%, 47,5%, 0,0%, 0,0%

OKLCH

0,6758 0,175 280,3

Properties

Cool Light Nearest: mediumpurple 2

Color Harmonies

Complementary

#8586FF

#FFFE85

Analogous

#85C3FF

#C185FF

#8586FF

Triadic

#8586FF

#FF8586

#86FF85

Split Complementary

#8586FF

#FFC185

#C3FF85

Tetradic

#8586FF

#FF85C3

#FFFE85

#85FFC1

Color Blindness Simulation

Original

#8586FF

Protanopia

#8585E2

Deuteranopia

#8585DB

Tritanopia

#85CBC6

Achromatopsia

#8F8F8F

CSS Usage

background-color: #8586FF;
color: #8586FF;
border-color: #8586FF;
Nearest Tailwind: Indigo 400 #818CF8

Tailwind Shades

50
#F1F1FE
100
#DEDEFC
200
#B8B8FF
300
#8586FF
400
#4244FF
500
#0002FF
600
#0002CC
700
#0001A3
800
#000180
900
#05065C
950
#03043A

Contrast Checker

Text on white

3,07:1

AA Fail AAA Fail

Text on black

6,85:1

AA Pass AAA Fail

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