#AC5F43

#AC5F43

Color Values

HEX

#AC5F43

RGB

172, 95, 67

HSL

16,0, 43,9%, 46,9%

HSV

16,0, 61,0%, 67,5%

CMYK

0,0%, 44,8%, 61,0%, 32,5%

OKLCH

0,5686 0,1084 40,5

Properties

Warm Dark Nearest: sienna

Color Harmonies

Complementary

#AC5F43

#4390AC

Analogous

#AC435C

#AC9443

#AC5F43

Triadic

#AC5F43

#43AC5F

#5F43AC

Split Complementary

#AC5F43

#43AC94

#435CAC

Tetradic

#AC5F43

#5CAC43

#4390AC

#9443AC

Color Blindness Simulation

Original

#AC5F43

Protanopia

#8B8A4A

Deuteranopia

#8F954B

Tritanopia

#A84F50

Achromatopsia

#6D6D6D

CSS Usage

background-color: #AC5F43;
color: #AC5F43;
border-color: #AC5F43;
Nearest Tailwind: Amber 800 #92400E

Tailwind Shades

50
#FAF6F4
100
#F4EAE6
200
#EBD4CC
300
#DDB5A7
400
#CA8D77
500
#B76548
600
#935139
700
#75412E
800
#5C3324
900
#44281D
950
#2B1913

Contrast Checker

Text on white

4,7:1

AA Pass AAA Fail

Text on black

4,47:1

AA Fail AAA Fail

Related Articles

Tutorials

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

Oca 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

Oca 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

Oca 15, 2026