#724524

#724524

Color Values

HEX

#724524

RGB

114, 69, 36

HSL

25.4, 52.0%, 29.4%

HSV

25.4, 68.4%, 44.7%

CMYK

0.0%, 39.5%, 68.4%, 55.3%

OKLCH

0.4361 0.0778 55.2

Properties

Warm Dark Nearest: RAL 8003 Clay Brown

Color Harmonies

Complementary

#724524

#245172

Analogous

#72242A

#726C24

#724524

Triadic

#724524

#247245

#452472

Split Complementary

#724524

#24726C

#242A72

Tetradic

#724524

#2A7224

#245172

#6C2472

Color Blindness Simulation

Original

#724524

Protanopia

#5F5E2C

Deuteranopia

#61642E

Tritanopia

#703234

Achromatopsia

#4C4C4C

CSS Usage

background-color: #724524;
color: #724524;
border-color: #724524;
Nearest Tailwind: Yellow 900 #713F12

Tailwind Shades

50
#FBF7F4
100
#F5ECE5
200
#EED8C9
300
#E2BDA2
400
#D29970
500
#C2753D
600
#9B5E31
700
#7C4B27
800
#613B1F
900
#472D1A
950
#2D1C10

Contrast Checker

Text on white

8.1:1

AA Pass AAA Pass

Text on black

2.59: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