#AC550C

#AC550C

Color Values

HEX

#AC550C

RGB

172, 85, 12

HSL

27,4, 87,0%, 36,1%

HSV

27,4, 93,0%, 67,5%

CMYK

0,0%, 50,6%, 93,0%, 32,5%

OKLCH

0,5466 0,1358 52,1

Properties

Warm Dark Nearest: chocolate 3

Color Harmonies

Complementary

#AC550C

#0C63AC

Analogous

#AC0C13

#ACA50C

#AC550C

Triadic

#AC550C

#0CAC55

#550CAC

Split Complementary

#AC550C

#0CACA5

#0C13AC

Tetradic

#AC550C

#13AC0C

#0C63AC

#A50CAC

Color Blindness Simulation

Original

#AC550C

Protanopia

#86861E

Deuteranopia

#8B9222

Tritanopia

#A82C2F

Achromatopsia

#626262

CSS Usage

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

Tailwind Shades

50
#FDF7F2
100
#FAECE0
200
#FAD9BC
300
#F7BD8D
400
#F39A4F
500
#EE7611
600
#BF5E0D
700
#994B0B
800
#773B08
900
#562D0B
950
#371D07

Contrast Checker

Text on white

5,17:1

AA Pass AAA Fail

Text on black

4,06:1

AA Fail AAA Fail

Related Articles

Brand Stories

Pantone Colors by Decade: The 2000s, 2010s, and 2020s Compared

Feb 01, 2026
Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026