#AC7427

#AC7427

Color Values

HEX

#AC7427

RGB

172, 116, 39

HSL

34.7, 63.0%, 41.4%

HSV

34.7, 77.3%, 67.5%

CMYK

0.0%, 32.6%, 77.3%, 32.5%

OKLCH

0.6038 0.114 70.5

Properties

Warm Light Nearest: RAL 8001 Ochre Brown

Color Harmonies

Complementary

#AC7427

#275FAC

Analogous

#AC3127

#A2AC27

#AC7427

Triadic

#AC7427

#27AC74

#7427AC

Split Complementary

#AC7427

#27A2AC

#3127AC

Tetradic

#AC7427

#27AC31

#275FAC

#AC27A2

Color Blindness Simulation

Original

#AC7427

Protanopia

#94933A

Deuteranopia

#979B3E

Tritanopia

#A9484C

Achromatopsia

#7A7A7A

CSS Usage

background-color: #AC7427;
color: #AC7427;
border-color: #AC7427;
Nearest Tailwind: Yellow 700 #A16207

Tailwind Shades

50
#FBF8F3
100
#F7EFE4
200
#F2DFC5
300
#E8C89B
400
#DCAA65
500
#D08C2F
600
#A67026
700
#855A1E
800
#684618
900
#4C3515
950
#30210D

Contrast Checker

Text on white

3.98:1

AA Fail AAA Fail

Text on black

5.28:1

AA Pass 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