#745224

#745224

Color Values

HEX

#745224

RGB

116, 82, 36

HSL

34.5, 52.6%, 29.8%

HSV

34.5, 69.0%, 45.5%

CMYK

0.0%, 29.3%, 69.0%, 54.5%

OKLCH

0.4656 0.0768 72.1

Properties

Warm Dark Nearest: Raw Umber

Color Harmonies

Complementary

#745224

#244674

Analogous

#742A24

#6E7424

#745224

Triadic

#745224

#247452

#522474

Split Complementary

#745224

#246E74

#2A2474

Tetradic

#745224

#24742A

#244674

#74246E

Color Blindness Simulation

Original

#745224

Protanopia

#65652F

Deuteranopia

#676A32

Tritanopia

#72383A

Achromatopsia

#565656

CSS Usage

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

Tailwind Shades

50
#FBF8F4
100
#F5EEE5
200
#EEDEC9
300
#E2C7A2
400
#D2A86F
500
#C38A3C
600
#9C6E30
700
#7D5827
800
#61451E
900
#47341A
950
#2D2110

Contrast Checker

Text on white

7.06:1

AA Pass AAA Pass

Text on black

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