#AC5505

#AC5505

Color Values

HEX

#AC5505

RGB

172, 85, 5

HSL

28.7, 94.4%, 34.7%

HSV

28.7, 97.1%, 67.5%

CMYK

0.0%, 50.6%, 97.1%, 32.5%

OKLCH

0.5463 0.1369 52.9

Properties

Warm Dark Nearest: chocolate 3

Color Harmonies

Complementary

#AC5505

#055CAC

Analogous

#AC0509

#ACA805

#AC5505

Triadic

#AC5505

#05AC55

#5505AC

Split Complementary

#AC5505

#05ACA8

#0509AC

Tetradic

#AC5505

#09AC05

#055CAC

#A805AC

Color Blindness Simulation

Original

#AC5505

Protanopia

#868618

Deuteranopia

#8B921D

Tritanopia

#A8282B

Achromatopsia

#626262

CSS Usage

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

Tailwind Shades

50
#FDF7F1
100
#FBEDDF
200
#FDDABA
300
#FCBF88
400
#FA9D48
500
#F87A07
600
#C66206
700
#9F4E05
800
#7C3D04
900
#5A2F07
950
#391D05

Contrast Checker

Text on white

5.18:1

AA Pass AAA Fail

Text on black

4.06:1

AA Fail AAA Fail

Related Articles

Tutorials

CSS color-mix(): Blend Colors Natively in the Browser

Jan 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

Jan 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

Jan 15, 2026