#A86BFE

#A86BFE

Color Values

HEX

#A86BFE

RGB

168, 107, 254

HSL

264.9, 98.7%, 70.8%

HSV

264.9, 57.9%, 99.6%

CMYK

33.9%, 57.9%, 0.0%, 0.4%

OKLCH

0.6609 0.211 299.8

Properties

Cool Light Nearest: slateblue 1

Color Harmonies

Complementary

#A86BFE

#C1FE6B

Analogous

#6B78FE

#F26BFE

#A86BFE

Triadic

#A86BFE

#FEA86B

#6BFEA8

Split Complementary

#A86BFE

#FEF26B

#78FE6B

Tetradic

#A86BFE

#FE6B78

#C1FE6B

#6BFEF2

Color Blindness Simulation

Original

#A86BFE

Protanopia

#8E8DDA

Deuteranopia

#9196D2

Tritanopia

#A5BEB8

Achromatopsia

#838383

CSS Usage

background-color: #A86BFE;
color: #A86BFE;
border-color: #A86BFE;
Nearest Tailwind: Violet 500 #8B5CF6

Tailwind Shades

50
#F6F1FE
100
#EBDEFC
200
#D5B8FF
300
#B885FE
400
#9144FE
500
#6A02FD
600
#5501CB
700
#4401A2
800
#35017F
900
#29055B
950
#1A033A

Contrast Checker

Text on white

3.39:1

AA Fail AAA Fail

Text on black

6.2:1

AA Pass AAA Fail

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

Jan 18, 2026