#AC5D49

#AC5D49

Color Values

HEX

#AC5D49

RGB

172, 93, 73

HSL

12.1, 40.4%, 48.0%

HSV

12.1, 57.6%, 67.5%

CMYK

0.0%, 45.9%, 57.6%, 32.5%

OKLCH

0.5663 0.1079 35.2

Properties

Warm Dark Nearest: Sepia

Color Harmonies

Complementary

#AC5D49

#4998AC

Analogous

#AC4966

#AC8E49

#AC5D49

Triadic

#AC5D49

#49AC5D

#5D49AC

Split Complementary

#AC5D49

#49AC8E

#4966AC

Tetradic

#AC5D49

#66AC49

#4998AC

#8E49AC

Color Blindness Simulation

Original

#AC5D49

Protanopia

#8A894E

Deuteranopia

#8E944F

Tritanopia

#A85252

Achromatopsia

#6C6C6C

CSS Usage

background-color: #AC5D49;
color: #AC5D49;
border-color: #AC5D49;
Nearest Tailwind: Orange 900 #7C2D12

Tailwind Shades

50
#FAF6F5
100
#F3E9E7
200
#EAD3CD
300
#DBB3A9
400
#C78A7B
500
#B3614C
600
#8F4D3D
700
#733E31
800
#5A3026
900
#42261F
950
#2A1813

Contrast Checker

Text on white

4.76:1

AA Pass AAA Fail

Text on black

4.42:1

AA Fail 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