#AC5309

#AC5309

Color Values

HEX

#AC5309

RGB

172, 83, 9

HSL

27.2, 90.1%, 35.5%

HSV

27.2, 94.8%, 67.5%

CMYK

0.0%, 51.7%, 94.8%, 32.5%

OKLCH

0.5432 0.1377 51.2

Properties

Warm Dark Nearest: chocolate 3

Color Harmonies

Complementary

#AC5309

#0962AC

Analogous

#AC0911

#ACA409

#AC5309

Triadic

#AC5309

#09AC53

#5309AC

Split Complementary

#AC5309

#09ACA4

#0911AC

Tetradic

#AC5309

#11AC09

#0962AC

#A409AC

Color Blindness Simulation

Original

#AC5309

Protanopia

#85851B

Deuteranopia

#8B911F

Tritanopia

#A8292C

Achromatopsia

#616161

CSS Usage

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

Tailwind Shades

50
#FDF7F1
100
#FBECDF
200
#FBD8BB
300
#F9BD8B
400
#F6994C
500
#F2750D
600
#C25D0A
700
#9B4B08
800
#793A06
900
#582D09
950
#371C06

Contrast Checker

Text on white

5.26:1

AA Pass AAA Fail

Text on black

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