#AF97A6

#AF97A6

Color Values

HEX

#AF97A6

RGB

175, 151, 166

HSL

322.5, 13.0%, 63.9%

HSV

322.5, 13.7%, 68.6%

CMYK

0.0%, 13.7%, 5.1%, 31.4%

OKLCH

0.7024 0.0352 340.1

Properties

Warm Light Nearest: RAL 4009 Pastel Violet

Color Harmonies

Complementary

#AF97A6

#97AFA0

Analogous

#AC97AF

#AF979A

#AF97A6

Triadic

#AF97A6

#A6AF97

#97A6AF

Split Complementary

#AF97A6

#9AAF97

#97AFAC

Tetradic

#AF97A6

#AFAC97

#97AFA0

#979AAF

Color Blindness Simulation

Original

#AF97A6

Protanopia

#A5A4A2

Deuteranopia

#A6A8A2

Tritanopia

#AEA09F

Achromatopsia

#9D9D9D

CSS Usage

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

Tailwind Shades

50
#F8F7F8
100
#EFEBEE
200
#E0D7DC
300
#CABAC4
400
#AD94A4
500
#906F84
600
#735969
700
#5C4754
800
#483742
900
#362B32
950
#221B1F

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