#AA696F

#AA696F

Color Values

HEX

#AA696F

RGB

170, 105, 111

HSL

354.5, 27.7%, 53.9%

HSV

354.5, 38.2%, 66.7%

CMYK

0.0%, 38.2%, 34.7%, 33.3%

OKLCH

0.5931 0.0837 13.9

Properties

Warm Light Nearest: lightpink 4

Color Harmonies

Complementary

#AA696F

#69AAA4

Analogous

#AA698F

#AA8369

#AA696F

Triadic

#AA696F

#6FAA69

#696FAA

Split Complementary

#AA696F

#69AA83

#698FAA

Tetradic

#AA696F

#8FAA69

#69AAA4

#8369AA

Color Blindness Simulation

Original

#AA696F

Protanopia

#8E8D6E

Deuteranopia

#92966D

Tritanopia

#A76C6C

Achromatopsia

#777777

CSS Usage

background-color: #AA696F;
color: #AA696F;
border-color: #AA696F;
Nearest Tailwind: Stone 500 #78716C

Tailwind Shades

50
#F9F6F6
100
#F1E9EA
200
#E5D1D3
300
#D3B1B4
400
#BB878B
500
#A35C63
600
#824A4F
700
#683B3F
800
#512E31
900
#3D2427
950
#261718

Contrast Checker

Text on white

4.23:1

AA Fail AAA Fail

Text on black

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