#AC5C0C

#AC5C0C

Color Values

HEX

#AC5C0C

RGB

172, 92, 12

HSL

30.0, 87.0%, 36.1%

HSV

30.0, 93.0%, 67.5%

CMYK

0.0%, 46.5%, 93.0%, 32.5%

OKLCH

0.5583 0.1315 56.7

Properties

Warm Dark Nearest: chocolate 3

Color Harmonies

Complementary

#AC5C0C

#0C5CAC

Analogous

#AC0C0C

#ACAC0C

#AC5C0C

Triadic

#AC5C0C

#0CAC5C

#5C0CAC

Split Complementary

#AC5C0C

#0CACAC

#0C0CAC

Tetradic

#AC5C0C

#0CAC0C

#0C5CAC

#AC0CAC

Color Blindness Simulation

Original

#AC5C0C

Protanopia

#89891F

Deuteranopia

#8E9424

Tritanopia

#A82F32

Achromatopsia

#676767

CSS Usage

background-color: #AC5C0C;
color: #AC5C0C;
border-color: #AC5C0C;
Nearest Tailwind: Amber 700 #B45309

Tailwind Shades

50
#FDF7F2
100
#FAEDE0
200
#FADBBC
300
#F7C28D
400
#F3A14F
500
#EE8011
600
#BF660D
700
#99520B
800
#774008
900
#56300B
950
#371F07

Contrast Checker

Text on white

4.89:1

AA Pass AAA Fail

Text on black

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