#AD97AC

#AD97AC

Color Values

HEX

#AD97AC

RGB

173, 151, 172

HSL

302.7, 11.8%, 63.5%

HSV

302.7, 12.7%, 67.8%

CMYK

0.0%, 12.7%, 0.6%, 32.2%

OKLCH

0.7025 0.0392 327.4

Properties

Warm Light Nearest: RAL 4009 Pastel Violet

Color Harmonies

Complementary

#AD97AC

#97AD98

Analogous

#A397AD

#AD97A1

#AD97AC

Triadic

#AD97AC

#ACAD97

#97ACAD

Split Complementary

#AD97AC

#A1AD97

#97ADA3

Tetradic

#AD97AC

#ADA397

#97AD98

#97A1AD

Color Blindness Simulation

Original

#AD97AC

Protanopia

#A3A3A7

Deuteranopia

#A5A6A6

Tritanopia

#ACA3A2

Achromatopsia

#9D9D9D

CSS Usage

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

Tailwind Shades

50
#F8F7F8
100
#EFEBEF
200
#E0D7DF
300
#C9BBC8
400
#AC96AB
500
#8F708D
600
#725A71
700
#5B485A
800
#473847
900
#362B35
950
#221B22

Contrast Checker

Text on white

2.69:1

AA Fail AAA Fail

Text on black

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