#AC97AC

#AC97AC

Color Values

HEX

#AC97AC

RGB

172, 151, 172

HSL

300,0, 11,2%, 63,3%

HSV

300,0, 12,2%, 67,5%

CMYK

0,0%, 12,2%, 0,0%, 32,5%

OKLCH

0,7016 0,0385 326,0

Properties

Warm Light Nearest: RAL 4009 Pastel Violet

Color Harmonies

Complementary

#AC97AC

#97AC97

Analogous

#A197AC

#AC97A1

#AC97AC

Triadic

#AC97AC

#ACAC97

#97ACAC

Split Complementary

#AC97AC

#A1AC97

#97ACA1

Tetradic

#AC97AC

#ACA197

#97AC97

#97A1AC

Color Blindness Simulation

Original

#AC97AC

Protanopia

#A3A3A7

Deuteranopia

#A4A6A6

Tritanopia

#ABA3A2

Achromatopsia

#9D9D9D

CSS Usage

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

Tailwind Shades

50
#F8F7F8
100
#EFEBEF
200
#DFD7DF
300
#C9BBC9
400
#AB96AB
500
#8E718E
600
#715B71
700
#5B485B
800
#473947
900
#352C35
950
#221C22

Contrast Checker

Text on white

2,7:1

AA Fail AAA Fail

Text on black

7,78:1

AA Pass AAA Pass

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