#745540

#745540

Color Values

HEX

#745540

RGB

116, 85, 64

HSL

24.2, 28.9%, 35.3%

HSV

24.2, 44.8%, 45.5%

CMYK

0.0%, 26.7%, 44.8%, 54.5%

OKLCH

0.4767 0.0523 55.2

Properties

Warm Dark Nearest: RAL 8024 Beige Brown

Color Harmonies

Complementary

#745540

#405F74

Analogous

#744045

#746F40

#745540

Triadic

#745540

#407455

#554074

Split Complementary

#745540

#40746F

#404574

Tetradic

#745540

#457440

#405F74

#6F4074

Color Blindness Simulation

Original

#745540

Protanopia

#676645

Deuteranopia

#686B46

Tritanopia

#72494A

Achromatopsia

#5A5A5A

CSS Usage

background-color: #745540;
color: #745540;
border-color: #745540;
Nearest Tailwind: Stone 600 #57534E

Tailwind Shades

50
#F9F7F5
100
#F2ECE9
200
#E6D9D1
300
#D3BEB0
400
#BC9B85
500
#A4785B
600
#836049
700
#694D3A
800
#523C2D
900
#3D2E24
950
#271D17

Contrast Checker

Text on white

6.74:1

AA Pass AAA Fail

Text on black

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