#A86FEC

#A86FEC

Color Values

HEX

#A86FEC

RGB

168, 111, 236

HSL

267.4, 76.7%, 68.0%

HSV

267.4, 53.0%, 92.5%

CMYK

28.8%, 53.0%, 0.0%, 7.5%

OKLCH

0.6558 0.1842 302.7

Properties

Cool Light Nearest: mediumpurple 2

Color Harmonies

Complementary

#A86FEC

#B3EC6F

Analogous

#6F74EC

#E76FEC

#A86FEC

Triadic

#A86FEC

#ECA86F

#6FECA8

Split Complementary

#A86FEC

#ECE76F

#74EC6F

Tetradic

#A86FEC

#EC6F74

#B3EC6F

#6FECE7

Color Blindness Simulation

Original

#A86FEC

Protanopia

#8F8FCE

Deuteranopia

#9397C6

Tritanopia

#A5B6B1

Achromatopsia

#848484

CSS Usage

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

Tailwind Shades

50
#F7F2FC
100
#ECE2F9
200
#D9C0F7
300
#BE93F1
400
#9A58E9
500
#771EE1
600
#5F18B4
700
#4C1390
800
#3C0F71
900
#2E0F52
950
#1D0934

Contrast Checker

Text on white

3.41:1

AA Fail AAA Fail

Text on black

6.15:1

AA Pass AAA Fail

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