#AC8580

#AC8580

Color Values

HEX

#AC8580

RGB

172, 133, 128

HSL

6.8, 21.0%, 58.8%

HSV

6.8, 25.6%, 67.5%

CMYK

0.0%, 22.7%, 25.6%, 32.5%

OKLCH

0.6525 0.0488 26.9

Properties

Warm Light Nearest: rosybrown

Color Harmonies

Complementary

#AC8580

#80A7AC

Analogous

#AC8091

#AC9B80

#AC8580

Triadic

#AC8580

#80AC85

#8580AC

Split Complementary

#AC8580

#80AC9B

#8091AC

Tetradic

#AC8580

#91AC80

#80A7AC

#9B80AC

Color Blindness Simulation

Original

#AC8580

Protanopia

#9B9B81

Deuteranopia

#9DA082

Tritanopia

#AA8282

Achromatopsia

#8D8D8D

CSS Usage

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

Tailwind Shades

50
#F9F6F6
100
#F0EBEA
200
#E3D6D4
300
#CFB8B5
400
#B4918D
500
#9A6B65
600
#7B5551
700
#634440
800
#4D3532
900
#3A2927
950
#241A19

Contrast Checker

Text on white

3.27:1

AA Fail AAA Fail

Text on black

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