#A77FBA

#A77FBA

Color Values

HEX

#A77FBA

RGB

167, 127, 186

HSL

280.7, 29.9%, 61.4%

HSV

280.7, 31.7%, 72.9%

CMYK

10.2%, 31.7%, 0.0%, 27.1%

OKLCH

0.6563 0.0963 314.6

Properties

Cool Light Nearest: Violet (Purple)

Color Harmonies

Complementary

#A77FBA

#92BA7F

Analogous

#8A7FBA

#BA7FB0

#A77FBA

Triadic

#A77FBA

#BAA77F

#7FBAA7

Split Complementary

#A77FBA

#B0BA7F

#7FBA8A

Tetradic

#A77FBA

#BA8A7F

#92BA7F

#7FB0BA

Color Blindness Simulation

Original

#A77FBA

Protanopia

#9695AC

Deuteranopia

#989BA8

Tritanopia

#A5A09E

Achromatopsia

#8C8C8C

CSS Usage

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

Tailwind Shades

50
#F8F5F9
100
#EFE9F2
200
#DFD1E6
300
#C8B0D4
400
#AB84BD
500
#8D59A6
600
#714884
700
#5A396A
800
#472D53
900
#35233D
950
#221627

Contrast Checker

Text on white

3.29:1

AA Fail AAA Fail

Text on black

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