#A97BA4

#A97BA4

Color Values

HEX

#A97BA4

RGB

169, 123, 164

HSL

306.5, 21.1%, 57.3%

HSV

306.5, 27.2%, 66.3%

CMYK

0.0%, 27.2%, 3.0%, 33.7%

OKLCH

0.6421 0.0803 330.2

Properties

Warm Light Nearest: plum 4

Color Harmonies

Complementary

#A97BA4

#7BA980

Analogous

#977BA9

#A97B8D

#A97BA4

Triadic

#A97BA4

#A4A97B

#7BA4A9

Split Complementary

#A97BA4

#8DA97B

#7BA997

Tetradic

#A97BA4

#A9977B

#7BA980

#7B8DA9

Color Blindness Simulation

Original

#A97BA4

Protanopia

#95959A

Deuteranopia

#989B98

Tritanopia

#A79291

Achromatopsia

#888888

CSS Usage

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

Tailwind Shades

50
#F9F6F8
100
#F0EAF0
200
#E3D4E1
300
#CFB5CC
400
#B58DB0
500
#9A6595
600
#7C5077
700
#63405F
800
#4D324A
900
#3A2738
950
#241923

Contrast Checker

Text on white

3.47:1

AA Fail AAA Fail

Text on black

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