#AC7C20

#AC7C20

Color Values

HEX

#AC7C20

RGB

172, 124, 32

HSL

39.4, 68.6%, 40.0%

HSV

39.4, 81.4%, 67.5%

CMYK

0.0%, 27.9%, 81.4%, 32.5%

OKLCH

0.6191 0.118 78.6

Properties

Warm Light Nearest: RAL 1005 Honey Yellow

Color Harmonies

Complementary

#AC7C20

#2050AC

Analogous

#AC3620

#96AC20

#AC7C20

Triadic

#AC7C20

#20AC7C

#7C20AC

Split Complementary

#AC7C20

#2096AC

#3620AC

Tetradic

#AC7C20

#20AC36

#2050AC

#AC2096

Color Blindness Simulation

Original

#AC7C20

Protanopia

#979736

Deuteranopia

#9A9E3C

Tritanopia

#AA484C

Achromatopsia

#808080

CSS Usage

background-color: #AC7C20;
color: #AC7C20;
border-color: #AC7C20;
Nearest Tailwind: Yellow 700 #A16207

Tailwind Shades

50
#FCF9F3
100
#F8F0E3
200
#F4E3C3
300
#ECCF98
400
#E1B560
500
#D79B28
600
#AC7C20
700
#8A631A
800
#6B4D14
900
#4E3A13
950
#31250C

Contrast Checker

Text on white

3.71:1

AA Fail AAA Fail

Text on black

5.66:1

AA Pass 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