#A17BAF

#A17BAF

Color Values

HEX

#A17BAF

RGB

161, 123, 175

HSL

283.8, 24.5%, 58.4%

HSV

283.8, 29.7%, 68.6%

CMYK

8.0%, 29.7%, 0.0%, 31.4%

OKLCH

0.6382 0.0872 316.8

Properties

Cool Light Nearest: Violet (Purple)

Color Harmonies

Complementary

#A17BAF

#89AF7B

Analogous

#877BAF

#AF7BA3

#A17BAF

Triadic

#A17BAF

#AFA17B

#7BAFA1

Split Complementary

#A17BAF

#A3AF7B

#7BAF87

Tetradic

#A17BAF

#AF877B

#89AF7B

#7BA3AF

Color Blindness Simulation

Original

#A17BAF

Protanopia

#9190A2

Deuteranopia

#93969F

Tritanopia

#9F9896

Achromatopsia

#878787

CSS Usage

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

Tailwind Shades

50
#F8F6F9
100
#EFE9F1
200
#DFD3E4
300
#C9B3D1
400
#AB8AB8
500
#8E609F
600
#714D7F
700
#5B3E66
800
#47304F
900
#35263B
950
#221825

Contrast Checker

Text on white

3.52:1

AA Fail AAA Fail

Text on black

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