#AA540B

#AA540B

Color Values

HEX

#AA540B

RGB

170, 84, 11

HSL

27.5, 87.8%, 35.5%

HSV

27.5, 93.5%, 66.7%

CMYK

0.0%, 50.6%, 93.5%, 33.3%

OKLCH

0.5419 0.1347 52.2

Properties

Warm Dark Nearest: darkorange 4

Color Harmonies

Complementary

#AA540B

#0B61AA

Analogous

#AA0B12

#AAA30B

#AA540B

Triadic

#AA540B

#0BAA54

#540BAA

Split Complementary

#AA540B

#0BAAA3

#0B12AA

Tetradic

#AA540B

#12AA0B

#0B61AA

#A30BAA

Color Blindness Simulation

Original

#AA540B

Protanopia

#85841D

Deuteranopia

#8A9021

Tritanopia

#A62B2E

Achromatopsia

#616161

CSS Usage

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

Tailwind Shades

50
#FDF7F2
100
#FAECE0
200
#FBD9BC
300
#F8BD8C
400
#F39A4E
500
#EF7610
600
#C05F0C
700
#994C0A
800
#783B08
900
#572D0A
950
#371D06

Contrast Checker

Text on white

5.27:1

AA Pass AAA Fail

Text on black

3.98:1

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