#AC8476

#AC8476

Color Values

HEX

#AC8476

RGB

172, 132, 118

HSL

15.6, 24.5%, 56.9%

HSV

15.6, 31.4%, 67.5%

CMYK

0.0%, 23.3%, 31.4%, 32.5%

OKLCH

0.648 0.0537 40.2

Properties

Warm Light Nearest: Beaver

Color Harmonies

Complementary

#AC8476

#769EAC

Analogous

#AC7683

#AC9F76

#AC8476

Triadic

#AC8476

#76AC84

#8476AC

Split Complementary

#AC8476

#76AC9F

#7683AC

Tetradic

#AC8476

#83AC76

#769EAC

#9F76AC

Color Blindness Simulation

Original

#AC8476

Protanopia

#9B9A79

Deuteranopia

#9DA07A

Tritanopia

#AA7C7D

Achromatopsia

#8B8B8B

CSS Usage

background-color: #AC8476;
color: #AC8476;
border-color: #AC8476;
Nearest Tailwind: Stone 400 #A8A29E

Tailwind Shades

50
#F9F7F6
100
#F1EBE9
200
#E4D7D3
300
#D1BBB3
400
#B8968A
500
#9F7160
600
#7F5A4D
700
#66483E
800
#4F3830
900
#3B2B26
950
#251B18

Contrast Checker

Text on white

3.32:1

AA Fail AAA Fail

Text on black

6.32:1

AA Pass AAA Fail

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

Jan 18, 2026