#A77BAF

#A77BAF

Color Values

HEX

#A77BAF

RGB

167, 123, 175

HSL

290.8, 24.5%, 58.4%

HSV

290.8, 29.7%, 68.6%

CMYK

4.6%, 29.7%, 0.0%, 31.4%

OKLCH

0.6443 0.0907 321.2

Properties

Cool Light Nearest: Violet (Purple)

Color Harmonies

Complementary

#A77BAF

#83AF7B

Analogous

#8D7BAF

#AF7B9D

#A77BAF

Triadic

#A77BAF

#AFA77B

#7BAFA7

Split Complementary

#A77BAF

#9DAF7B

#7BAF8D

Tetradic

#A77BAF

#AF8D7B

#83AF7B

#7B9DAF

Color Blindness Simulation

Original

#A77BAF

Protanopia

#9494A2

Deuteranopia

#969A9F

Tritanopia

#A59896

Achromatopsia

#888888

CSS Usage

background-color: #A77BAF;
color: #A77BAF;
border-color: #A77BAF;
Nearest Tailwind: Purple 300 #D8B4FE

Tailwind Shades

50
#F8F6F9
100
#F0E9F1
200
#E1D3E4
300
#CCB3D1
400
#B18AB8
500
#95609F
600
#774D7F
700
#5F3E66
800
#4B304F
900
#38263B
950
#231825

Contrast Checker

Text on white

3.45:1

AA Fail AAA Fail

Text on black

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