#A486FF

#A486FF

Color Values

HEX

#A486FF

RGB

164, 134, 255

HSL

254,9, 100,0%, 76,3%

HSV

254,9, 47,5%, 100,0%

CMYK

35,7%, 47,5%, 0,0%, 0,0%

OKLCH

0,7005 0,1729 292,8

Properties

Cool Light Nearest: mediumpurple 1

Color Harmonies

Complementary

#A486FF

#E1FF86

Analogous

#86A5FF

#E186FF

#A486FF

Triadic

#A486FF

#FFA486

#86FFA4

Split Complementary

#A486FF

#FFE186

#A5FF86

Tetradic

#A486FF

#FF86A5

#E1FF86

#86FFE1

Color Blindness Simulation

Original

#A486FF

Protanopia

#9797E2

Deuteranopia

#999BDB

Tritanopia

#A2CBC6

Achromatopsia

#959595

CSS Usage

background-color: #A486FF;
color: #A486FF;
border-color: #A486FF;
Nearest Tailwind: Violet 400 #A78BFA

Tailwind Shades

50
#F4F1FE
100
#E6DEFC
200
#C9B8FF
300
#A385FF
400
#7142FF
500
#3F00FF
600
#3300CC
700
#2900A3
800
#200080
900
#1B055C
950
#11033A

Contrast Checker

Text on white

2,83:1

AA Fail AAA Fail

Text on black

7,43:1

AA Pass AAA Pass

Related Articles

Tutorials

CSS color-mix(): Blend Colors Natively in the Browser

Jan 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

Jan 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

Jan 15, 2026