#AA5101

#AA5101

Color Values

HEX

#AA5101

RGB

170, 81, 1

HSL

28.4, 98.8%, 33.5%

HSV

28.4, 99.4%, 66.7%

CMYK

0.0%, 52.4%, 99.4%, 33.3%

OKLCH

0.5368 0.1384 51.6

Properties

Warm Dark Nearest: chocolate 3

Color Harmonies

Complementary

#AA5101

#015AAA

Analogous

#AA0106

#AAA501

#AA5101

Triadic

#AA5101

#01AA51

#5101AA

Split Complementary

#AA5101

#01AAA5

#0106AA

Tetradic

#AA5101

#06AA01

#015AAA

#A501AA

Color Blindness Simulation

Original

#AA5101

Protanopia

#838314

Deuteranopia

#898F19

Tritanopia

#A62427

Achromatopsia

#5E5E5E

CSS Usage

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

Tailwind Shades

50
#FEF7F1
100
#FCECDE
200
#FFD9B8
300
#FEBF85
400
#FE9C43
500
#FD7902
600
#CB6101
700
#A24D01
800
#7F3C01
900
#5C2E05
950
#3A1D03

Contrast Checker

Text on white

5.4:1

AA Pass AAA Fail

Text on black

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