#AC9386

#AC9386

Color Values

HEX

#AC9386

RGB

172, 147, 134

HSL

20.5, 18.6%, 60.0%

HSV

20.5, 22.1%, 67.5%

CMYK

0.0%, 14.5%, 22.1%, 32.5%

OKLCH

0.6821 0.0355 49.2

Properties

Warm Light Nearest: Beaver

Color Harmonies

Complementary

#AC9386

#869FAC

Analogous

#AC868C

#ACA686

#AC9386

Triadic

#AC9386

#86AC93

#9386AC

Split Complementary

#AC9386

#86ACA6

#868CAC

Tetradic

#AC9386

#8CAC86

#869FAC

#A686AC

Color Blindness Simulation

Original

#AC9386

Protanopia

#A1A189

Deuteranopia

#A3A48A

Tritanopia

#AB8C8C

Achromatopsia

#979797

CSS Usage

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

Tailwind Shades

50
#F9F7F6
100
#F0ECEA
200
#E2D9D5
300
#CDBEB6
400
#B29B8F
500
#977868
600
#796053
700
#614D42
800
#4C3C34
900
#392E28
950
#241D19

Contrast Checker

Text on white

2.89:1

AA Fail AAA Fail

Text on black

7.27:1

AA Pass AAA Pass

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