#A684BD

#A684BD

Color Values

HEX

#A684BD

RGB

166, 132, 189

HSL

275.8, 30.2%, 62.9%

HSV

275.8, 30.2%, 74.1%

CMYK

12.2%, 30.2%, 0.0%, 25.9%

OKLCH

0.6658 0.0906 311.2

Properties

Cool Light Nearest: Violet (Purple)

Color Harmonies

Complementary

#A684BD

#9BBD84

Analogous

#8984BD

#BD84B7

#A684BD

Triadic

#A684BD

#BDA684

#84BDA6

Split Complementary

#A684BD

#B7BD84

#84BD89

Tetradic

#A684BD

#BD8984

#9BBD84

#84B7BD

Color Blindness Simulation

Original

#A684BD

Protanopia

#9797AF

Deuteranopia

#999CAC

Tritanopia

#A4A4A2

Achromatopsia

#8F8F8F

CSS Usage

background-color: #A684BD;
color: #A684BD;
border-color: #A684BD;
Nearest Tailwind: Violet 300 #C4B5FD

Tailwind Shades

50
#F8F5F9
100
#EEE9F2
200
#DDD1E6
300
#C5AFD4
400
#A684BD
500
#8759A6
600
#6C4785
700
#56396A
800
#432C53
900
#33233E
950
#201627

Contrast Checker

Text on white

3.15:1

AA Fail AAA Fail

Text on black

6.66: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