#AC8E86

#AC8E86

Color Values

HEX

#AC8E86

RGB

172, 142, 134

HSL

12.6, 18.6%, 60.0%

HSV

12.6, 22.1%, 67.5%

CMYK

0.0%, 17.4%, 22.1%, 32.5%

OKLCH

0.672 0.0384 35.4

Properties

Warm Light Nearest: Beaver

Color Harmonies

Complementary

#AC8E86

#86A4AC

Analogous

#AC8691

#ACA186

#AC8E86

Triadic

#AC8E86

#86AC8E

#8E86AC

Split Complementary

#AC8E86

#86ACA1

#8691AC

Tetradic

#AC8E86

#91AC86

#86A4AC

#A186AC

Color Blindness Simulation

Original

#AC8E86

Protanopia

#9F9F88

Deuteranopia

#A1A388

Tritanopia

#AA898A

Achromatopsia

#949494

CSS Usage

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

Tailwind Shades

50
#F9F7F6
100
#F0ECEA
200
#E2D7D5
300
#CDBBB6
400
#B2968F
500
#977268
600
#795B53
700
#614942
800
#4C3934
900
#392C28
950
#241C19

Contrast Checker

Text on white

3.01:1

AA Fail AAA Fail

Text on black

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