#745339

#745339

Color Values

HEX

#745339

RGB

116, 83, 57

HSL

26.4, 34.1%, 33.9%

HSV

26.4, 50.9%, 45.5%

CMYK

0.0%, 28.4%, 50.9%, 54.5%

OKLCH

0.471 0.0588 58.9

Properties

Warm Dark Nearest: RAL 8024 Beige Brown

Color Harmonies

Complementary

#745339

#395A74

Analogous

#74393D

#747039

#745339

Triadic

#745339

#397453

#533974

Split Complementary

#745339

#397470

#393D74

Tetradic

#745339

#3D7439

#395A74

#703974

Color Blindness Simulation

Original

#745339

Protanopia

#66653F

Deuteranopia

#686A41

Tritanopia

#724445

Achromatopsia

#585858

CSS Usage

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

Tailwind Shades

50
#FAF7F5
100
#F2EDE8
200
#E7DACF
300
#D7BFAD
400
#C19D80
500
#AB7A54
600
#896243
700
#6D4E36
800
#553D2A
900
#3F2F22
950
#281D15

Contrast Checker

Text on white

6.91:1

AA Pass AAA Fail

Text on black

3.04:1

AA Fail AAA Fail

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

Feb 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

Feb 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

Feb 19, 2026