#A7724B

#A7724B

Color Values

HEX

#A7724B

RGB

167, 114, 75

HSL

25.4, 38.0%, 47.5%

HSV

25.4, 55.1%, 65.5%

CMYK

0.0%, 31.7%, 55.1%, 34.5%

OKLCH

0.5983 0.0862 56.6

Properties

Warm Light Nearest: Sepia

Color Harmonies

Complementary

#A7724B

#4B80A7

Analogous

#A74B52

#A7A04B

#A7724B

Triadic

#A7724B

#4BA772

#724BA7

Split Complementary

#A7724B

#4BA7A0

#4B52A7

Tetradic

#A7724B

#52A74B

#4B80A7

#A04BA7

Color Blindness Simulation

Original

#A7724B

Protanopia

#909054

Deuteranopia

#939757

Tritanopia

#A45C5E

Achromatopsia

#7A7A7A

CSS Usage

background-color: #A7724B;
color: #A7724B;
border-color: #A7724B;
Nearest Tailwind: Yellow 800 #854D0E

Tailwind Shades

50
#FAF7F5
100
#F3ECE7
200
#E9D9CE
300
#D9BEAB
400
#C59B7D
500
#B0784F
600
#8D603F
700
#714D33
800
#583C28
900
#412E20
950
#291D14

Contrast Checker

Text on white

4.08:1

AA Fail AAA Fail

Text on black

5.15:1

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