#A76C9B

#A76C9B

Color Values

HEX

#A76C9B

RGB

167, 108, 155

HSL

312.2, 25.1%, 53.9%

HSV

312.2, 35.3%, 65.5%

CMYK

0.0%, 35.3%, 7.2%, 34.5%

OKLCH

0.6095 0.0981 334.4

Properties

Warm Light Nearest: plum 4

Color Harmonies

Complementary

#A76C9B

#6CA778

Analogous

#956CA7

#A76C7D

#A76C9B

Triadic

#A76C9B

#9BA76C

#6C9BA7

Split Complementary

#A76C9B

#7DA76C

#6CA795

Tetradic

#A76C9B

#A7956C

#6CA778

#6C7DA7

Color Blindness Simulation

Original

#A76C9B

Protanopia

#8D8D90

Deuteranopia

#91958D

Tritanopia

#A48785

Achromatopsia

#7C7C7C

CSS Usage

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

Tailwind Shades

50
#F9F6F8
100
#F1E9EF
200
#E4D2E1
300
#D1B2CB
400
#B889AF
500
#A05F92
600
#804C75
700
#663D5E
800
#503049
900
#3B2637
950
#261823

Contrast Checker

Text on white

3.99:1

AA Fail AAA Fail

Text on black

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