#AC5307

#AC5307

Color Values

HEX

#AC5307

RGB

172, 83, 7

HSL

27.6, 92.2%, 35.1%

HSV

27.6, 95.9%, 67.5%

CMYK

0.0%, 51.7%, 95.9%, 32.5%

OKLCH

0.5432 0.138 51.5

Properties

Warm Dark Nearest: chocolate 3

Color Harmonies

Complementary

#AC5307

#0760AC

Analogous

#AC070E

#ACA507

#AC5307

Triadic

#AC5307

#07AC53

#5307AC

Split Complementary

#AC5307

#07ACA5

#070EAC

Tetradic

#AC5307

#0EAC07

#0760AC

#A507AC

Color Blindness Simulation

Original

#AC5307

Protanopia

#858519

Deuteranopia

#8B911E

Tritanopia

#A8282B

Achromatopsia

#606060

CSS Usage

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

Tailwind Shades

50
#FDF7F1
100
#FBECDF
200
#FCD9BA
300
#FABD89
400
#F89A4A
500
#F5760A
600
#C45E08
700
#9D4C06
800
#7B3B05
900
#592D08
950
#381D05

Contrast Checker

Text on white

5.26:1

AA Pass AAA Fail

Text on black

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