#745523

#745523

Color Values

HEX

#745523

RGB

116, 85, 35

HSL

37.0, 53.6%, 29.6%

HSV

37.0, 69.8%, 45.5%

CMYK

0.0%, 26.7%, 69.8%, 54.5%

OKLCH

0.4719 0.078 76.7

Properties

Warm Dark Nearest: RAL 8008 Olive Brown

Color Harmonies

Complementary

#745523

#234274

Analogous

#742C23

#6A7423

#745523

Triadic

#745523

#237455

#552374

Split Complementary

#745523

#236A74

#2C2374

Tetradic

#745523

#23742C

#234274

#74236A

Color Blindness Simulation

Original

#745523

Protanopia

#67662F

Deuteranopia

#686B32

Tritanopia

#72393B

Achromatopsia

#585858

CSS Usage

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

Tailwind Shades

50
#FBF8F4
100
#F5EFE5
200
#EEE0C8
300
#E3C9A1
400
#D3AC6E
500
#C48F3B
600
#9D732F
700
#7D5C26
800
#62481E
900
#483619
950
#2D2210

Contrast Checker

Text on white

6.85:1

AA Pass AAA Fail

Text on black

3.07:1

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