#AC5A09

#AC5A09

Color Values

HEX

#AC5A09

RGB

172, 90, 9

HSL

29.8, 90.1%, 35.5%

HSV

29.8, 94.8%, 67.5%

CMYK

0.0%, 47.7%, 94.8%, 32.5%

OKLCH

0.5548 0.1331 55.7

Properties

Warm Dark Nearest: chocolate 3

Color Harmonies

Complementary

#AC5A09

#095BAC

Analogous

#AC090A

#ACAC09

#AC5A09

Triadic

#AC5A09

#09AC5A

#5A09AC

Split Complementary

#AC5A09

#09ACAC

#090AAC

Tetradic

#AC5A09

#0AAC09

#095BAC

#AC09AC

Color Blindness Simulation

Original

#AC5A09

Protanopia

#88881D

Deuteranopia

#8D9321

Tritanopia

#A82C2F

Achromatopsia

#666666

CSS Usage

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

Tailwind Shades

50
#FDF7F1
100
#FBEDDF
200
#FBDBBB
300
#F9C18B
400
#F6A04C
500
#F27F0D
600
#C2650A
700
#9B5108
800
#793F06
900
#583009
950
#371E06

Contrast Checker

Text on white

4.98:1

AA Pass AAA Fail

Text on black

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