#AC520B

#AC520B

Color Values

HEX

#AC520B

RGB

172, 82, 11

HSL

26,5, 88,0%, 35,9%

HSV

26,5, 93,6%, 67,5%

CMYK

0,0%, 52,3%, 93,6%, 32,5%

OKLCH

0,5417 0,138 50,4

Properties

Warm Dark Nearest: chocolate 3

Color Harmonies

Complementary

#AC520B

#0B65AC

Analogous

#AC0B14

#ACA30B

#AC520B

Triadic

#AC520B

#0BAC52

#520BAC

Split Complementary

#AC520B

#0BACA3

#0B14AC

Tetradic

#AC520B

#14AC0B

#0B65AC

#A30BAC

Color Blindness Simulation

Original

#AC520B

Protanopia

#85841C

Deuteranopia

#8A9120

Tritanopia

#A82A2D

Achromatopsia

#606060

CSS Usage

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

Tailwind Shades

50
#FDF7F2
100
#FBECE0
200
#FBD8BC
300
#F8BC8C
400
#F4974E
500
#F0720F
600
#C05C0C
700
#99490A
800
#783908
900
#572C0A
950
#371C06

Contrast Checker

Text on white

5,3:1

AA Pass AAA Fail

Text on black

3,97: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