#AA7B49

#AA7B49

Color Values

HEX

#AA7B49

RGB

170, 123, 73

HSL

30.9, 39.9%, 47.6%

HSV

30.9, 57.1%, 66.7%

CMYK

0.0%, 27.6%, 57.1%, 33.3%

OKLCH

0.6191 0.0887 66.6

Properties

Warm Light Nearest: RAL 1011 Brown Beige

Color Harmonies

Complementary

#AA7B49

#4978AA

Analogous

#AA4A49

#A8AA49

#AA7B49

Triadic

#AA7B49

#49AA7B

#7B49AA

Split Complementary

#AA7B49

#49A8AA

#4A49AA

Tetradic

#AA7B49

#49AA4A

#4978AA

#AA49A8

Color Blindness Simulation

Original

#AA7B49

Protanopia

#969555

Deuteranopia

#989C58

Tritanopia

#A85F61

Achromatopsia

#818181

CSS Usage

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

Tailwind Shades

50
#FAF7F5
100
#F3EDE7
200
#EADCCD
300
#DAC3A9
400
#C6A27B
500
#B2814D
600
#8F673D
700
#725331
800
#594126
900
#42311F
950
#2A1F14

Contrast Checker

Text on white

3.72:1

AA Fail AAA Fail

Text on black

5.64:1

AA Pass AAA Fail

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

Jan 18, 2026