#AC7229

#AC7229

Color Values

HEX

#AC7229

RGB

172, 114, 41

HSL

33.4, 61.5%, 41.8%

HSV

33.4, 76.2%, 67.5%

CMYK

0.0%, 33.7%, 76.2%, 32.5%

OKLCH

0.6001 0.1131 68.2

Properties

Warm Light Nearest: RAL 8001 Ochre Brown

Color Harmonies

Complementary

#AC7229

#2963AC

Analogous

#AC3029

#A5AC29

#AC7229

Triadic

#AC7229

#29AC72

#7229AC

Split Complementary

#AC7229

#29A5AC

#3029AC

Tetradic

#AC7229

#29AC30

#2963AC

#AC29A5

Color Blindness Simulation

Original

#AC7229

Protanopia

#93923B

Deuteranopia

#969B3F

Tritanopia

#A9494C

Achromatopsia

#797979

CSS Usage

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

Tailwind Shades

50
#FBF8F3
100
#F6EEE4
200
#F1DEC5
300
#E7C69C
400
#DBA767
500
#CE8831
600
#A56D27
700
#84571F
800
#674419
900
#4B3316
950
#30210E

Contrast Checker

Text on white

4.04:1

AA Fail AAA Fail

Text on black

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