#AC97A6

#AC97A6

Color Values

HEX

#AC97A6

RGB

172, 151, 166

HSL

317.1, 11.2%, 63.3%

HSV

317.1, 12.2%, 67.5%

CMYK

0.0%, 12.2%, 3.5%, 32.5%

OKLCH

0.6996 0.0325 336.1

Properties

Warm Light Nearest: RAL 4009 Pastel Violet

Color Harmonies

Complementary

#AC97A6

#97AC9D

Analogous

#A797AC

#AC979B

#AC97A6

Triadic

#AC97A6

#A6AC97

#97A6AC

Split Complementary

#AC97A6

#9BAC97

#97ACA7

Tetradic

#AC97A6

#ACA797

#97AC9D

#979BAC

Color Blindness Simulation

Original

#AC97A6

Protanopia

#A3A3A2

Deuteranopia

#A4A6A2

Tritanopia

#ABA09F

Achromatopsia

#9D9D9D

CSS Usage

background-color: #AC97A6;
color: #AC97A6;
border-color: #AC97A6;
Nearest Tailwind: Zinc 400 #A1A1AA

Tailwind Shades

50
#F8F7F8
100
#EFEBEE
200
#DFD7DD
300
#C9BBC5
400
#AB96A5
500
#8E7186
600
#715B6B
700
#5B4856
800
#473943
900
#352C33
950
#221C20

Contrast Checker

Text on white

2.72:1

AA Fail AAA Fail

Text on black

7.73:1

AA Pass AAA Pass

Related Articles

Tutorials

CSS color-mix(): Blend Colors Natively in the Browser

Jan 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

Jan 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

Jan 15, 2026