#AA844F

#AA844F

Color Values

HEX

#AA844F

RGB

170, 132, 79

HSL

34.9, 36.5%, 48.8%

HSV

34.9, 53.5%, 66.7%

CMYK

0.0%, 22.4%, 53.5%, 33.3%

OKLCH

0.6381 0.0844 74.5

Properties

Warm Light Nearest: RAL 8000 Green Brown

Color Harmonies

Complementary

#AA844F

#4F75AA

Analogous

#AA564F

#A2AA4F

#AA844F

Triadic

#AA844F

#4FAA84

#844FAA

Split Complementary

#AA844F

#4FA2AA

#564FAA

Tetradic

#AA844F

#4FAA56

#4F75AA

#AA4FA2

Color Blindness Simulation

Original

#AA844F

Protanopia

#9A995C

Deuteranopia

#9C9F5F

Tritanopia

#A86668

Achromatopsia

#888888

CSS Usage

background-color: #AA844F;
color: #AA844F;
border-color: #AA844F;
Nearest Tailwind: Yellow 800 #854D0E

Tailwind Shades

50
#FAF8F5
100
#F3EEE8
200
#E8DDCE
300
#D8C5AB
400
#C3A67E
500
#AE8751
600
#8B6C41
700
#6F5634
800
#574428
900
#403321
950
#292015

Contrast Checker

Text on white

3.43:1

AA Fail AAA Fail

Text on black

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