#A77BA0

#A77BA0

Color Values

HEX

#A77BA0

RGB

167, 123, 160

HSL

309.5, 20.0%, 56.9%

HSV

309.5, 26.3%, 65.5%

CMYK

0.0%, 26.3%, 4.2%, 34.5%

OKLCH

0.6384 0.0747 332.0

Properties

Warm Light Nearest: plum 4

Color Harmonies

Complementary

#A77BA0

#7BA782

Analogous

#987BA7

#A77B8A

#A77BA0

Triadic

#A77BA0

#A0A77B

#7BA0A7

Split Complementary

#A77BA0

#8AA77B

#7BA798

Tetradic

#A77BA0

#A7987B

#7BA782

#7B8AA7

Color Blindness Simulation

Original

#A77BA0

Protanopia

#949497

Deuteranopia

#969A95

Tritanopia

#A5908E

Achromatopsia

#878787

CSS Usage

background-color: #A77BA0;
color: #A77BA0;
border-color: #A77BA0;
Nearest Tailwind: Pink 300 #F9A8D4

Tailwind Shades

50
#F9F6F8
100
#F0EAEF
200
#E2D4E0
300
#CEB6CA
400
#B48EAE
500
#996691
600
#7A5274
700
#62415D
800
#4D3348
900
#392836
950
#241922

Contrast Checker

Text on white

3.51:1

AA Fail AAA Fail

Text on black

5.98:1

AA Pass AAA Fail

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

Jan 18, 2026