#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

1月 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

1月 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

1月 18, 2026