#AC5206

#AC5206

Color Values

HEX

#AC5206

RGB

172, 82, 6

HSL

27.5, 93.3%, 34.9%

HSV

27.5, 96.5%, 67.5%

CMYK

0.0%, 52.3%, 96.5%, 32.5%

OKLCH

0.5415 0.1388 51.0

Properties

Warm Dark Nearest: chocolate 3

Color Harmonies

Complementary

#AC5206

#0660AC

Analogous

#AC060D

#ACA506

#AC5206

Triadic

#AC5206

#06AC52

#5206AC

Split Complementary

#AC5206

#06ACA5

#060DAC

Tetradic

#AC5206

#0DAC06

#0660AC

#A506AC

Color Blindness Simulation

Original

#AC5206

Protanopia

#858418

Deuteranopia

#8A911D

Tritanopia

#A8272A

Achromatopsia

#606060

CSS Usage

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

Tailwind Shades

50
#FDF7F1
100
#FBECDF
200
#FDD9BA
300
#FBBD89
400
#F99949
500
#F67609
600
#C55E07
700
#9E4B05
800
#7B3B04
900
#592D08
950
#381C05

Contrast Checker

Text on white

5.3:1

AA Pass AAA Fail

Text on black

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