#AA756F

#AA756F

Color Values

HEX

#AA756F

RGB

170, 117, 111

HSL

6.1, 25.8%, 55.1%

HSV

6.1, 34.7%, 66.7%

CMYK

0.0%, 31.2%, 34.7%, 33.3%

OKLCH

0.6151 0.068 26.4

Properties

Warm Light Nearest: rosybrown

Color Harmonies

Complementary

#AA756F

#6FA4AA

Analogous

#AA6F86

#AA936F

#AA756F

Triadic

#AA756F

#6FAA75

#756FAA

Split Complementary

#AA756F

#6FAA93

#6F86AA

Tetradic

#AA756F

#86AA6F

#6FA4AA

#936FAA

Color Blindness Simulation

Original

#AA756F

Protanopia

#939370

Deuteranopia

#969A71

Tritanopia

#A77272

Achromatopsia

#808080

CSS Usage

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

Tailwind Shades

50
#F9F6F6
100
#F1EAE9
200
#E5D4D2
300
#D2B5B2
400
#B98D88
500
#A0655F
600
#80514C
700
#67413D
800
#50332F
900
#3C2725
950
#261917

Contrast Checker

Text on white

3.83:1

AA Fail AAA Fail

Text on black

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