#AC4020

#AC4020

Color Values

HEX

#AC4020

RGB

172, 64, 32

HSL

13.7, 68.6%, 40.0%

HSV

13.7, 81.4%, 67.5%

CMYK

0.0%, 62.8%, 81.4%, 32.5%

OKLCH

0.5167 0.1486 36.7

Properties

Warm Dark Nearest: RAL 2013 Pearl Orange

Color Harmonies

Complementary

#AC4020

#208CAC

Analogous

#AC2046

#AC8620

#AC4020

Triadic

#AC4020

#20AC40

#4020AC

Split Complementary

#AC4020

#20AC86

#2046AC

Tetradic

#AC4020

#46AC20

#208CAC

#8620AC

Color Blindness Simulation

Original

#AC4020

Protanopia

#7D7C28

Deuteranopia

#848C2A

Tritanopia

#A72E2F

Achromatopsia

#555555

CSS Usage

background-color: #AC4020;
color: #AC4020;
border-color: #AC4020;
Nearest Tailwind: Orange 800 #9A3412

Tailwind Shades

50
#FCF5F3
100
#F8E7E3
200
#F4CEC3
300
#ECAB98
400
#E17D60
500
#D75028
600
#AC4020
700
#8A331A
800
#6B2814
900
#4E2013
950
#31140C

Contrast Checker

Text on white

5.99:1

AA Pass AAA Fail

Text on black

3.51:1

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