#A46BD6

#A46BD6

Color Values

HEX

#A46BD6

RGB

164, 107, 214

HSL

272.0, 56.6%, 62.9%

HSV

272.0, 50.0%, 83.9%

CMYK

23.4%, 50.0%, 0.0%, 16.1%

OKLCH

0.6328 0.1633 306.9

Properties

Cool Light Nearest: mediumpurple

Color Harmonies

Complementary

#A46BD6

#9DD66B

Analogous

#6E6BD6

#D66BD2

#A46BD6

Triadic

#A46BD6

#D6A46B

#6BD6A4

Split Complementary

#A46BD6

#D2D66B

#6BD66E

Tetradic

#A46BD6

#D66E6B

#9DD66B

#6BD2D6

Color Blindness Simulation

Original

#A46BD6

Protanopia

#8B8BBC

Deuteranopia

#8F93B6

Tritanopia

#A1A8A3

Achromatopsia

#7F7F7F

CSS Usage

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

Tailwind Shades

50
#F8F4FB
100
#EEE5F6
200
#DDC7F0
300
#C49FE4
400
#A46BD6
500
#8437C8
600
#6A2CA0
700
#552380
800
#421C64
900
#321849
950
#200F2E

Contrast Checker

Text on white

3.72:1

AA Fail AAA Fail

Text on black

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