#AA5706

#AA5706

Color Values

HEX

#AA5706

RGB

170, 87, 6

HSL

29.6, 93.2%, 34.5%

HSV

29.6, 96.5%, 66.7%

CMYK

0.0%, 48.8%, 96.5%, 33.3%

OKLCH

0.5467 0.1336 54.7

Properties

Warm Dark Nearest: chocolate 3

Color Harmonies

Complementary

#AA5706

#0659AA

Analogous

#AA0607

#AAA906

#AA5706

Triadic

#AA5706

#06AA57

#5706AA

Split Complementary

#AA5706

#06AAA9

#0607AA

Tetradic

#AA5706

#07AA06

#0659AA

#A906AA

Color Blindness Simulation

Original

#AA5706

Protanopia

#86851A

Deuteranopia

#8B911E

Tritanopia

#A6292C

Achromatopsia

#636363

CSS Usage

background-color: #AA5706;
color: #AA5706;
border-color: #AA5706;
Nearest Tailwind: Amber 700 #B45309

Tailwind Shades

50
#FDF7F1
100
#FBEDDF
200
#FDDBBA
300
#FBC189
400
#F99F49
500
#F67E09
600
#C56507
700
#9E5106
800
#7B3F04
900
#593008
950
#381E05

Contrast Checker

Text on white

5.15:1

AA Pass AAA Fail

Text on black

4.08:1

AA Fail 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