#AC5220

#AC5220

Color Values

HEX

#AC5220

RGB

172, 82, 32

HSL

21.4, 68.6%, 40.0%

HSV

21.4, 81.4%, 67.5%

CMYK

0.0%, 52.3%, 81.4%, 32.5%

OKLCH

0.5429 0.1329 46.2

Properties

Warm Dark Nearest: RAL 2013 Pearl Orange

Color Harmonies

Complementary

#AC5220

#207AAC

Analogous

#AC2034

#AC9820

#AC5220

Triadic

#AC5220

#20AC52

#5220AC

Split Complementary

#AC5220

#20AC98

#2034AC

Tetradic

#AC5220

#34AC20

#207AAC

#9820AC

Color Blindness Simulation

Original

#AC5220

Protanopia

#85842C

Deuteranopia

#8A912F

Tritanopia

#A83638

Achromatopsia

#626262

CSS Usage

background-color: #AC5220;
color: #AC5220;
border-color: #AC5220;
Nearest Tailwind: Amber 800 #92400E

Tailwind Shades

50
#FCF6F3
100
#F8EAE3
200
#F4D4C3
300
#ECB698
400
#E18E60
500
#D76628
600
#AC5220
700
#8A421A
800
#6B3314
900
#4E2813
950
#31190C

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