#745237

#745237

Color Values

HEX

#745237

RGB

116, 82, 55

HSL

26.6, 35.7%, 33.5%

HSV

26.6, 52.6%, 45.5%

CMYK

0.0%, 29.3%, 52.6%, 54.5%

OKLCH

0.4685 0.0608 59.0

Properties

Warm Dark Nearest: RAL 8024 Beige Brown

Color Harmonies

Complementary

#745237

#375974

Analogous

#74373A

#747037

#745237

Triadic

#745237

#377452

#523774

Split Complementary

#745237

#377470

#373A74

Tetradic

#745237

#3A7437

#375974

#703774

Color Blindness Simulation

Original

#745237

Protanopia

#65653E

Deuteranopia

#676A3F

Tritanopia

#724344

Achromatopsia

#575757

CSS Usage

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

Tailwind Shades

50
#FAF7F5
100
#F3EDE8
200
#E8DACF
300
#D8BFAC
400
#C29D7F
500
#AD7A52
600
#8A6242
700
#6F4E34
800
#573D29
900
#402F21
950
#281D15

Contrast Checker

Text on white

6.99:1

AA Pass AAA Fail

Text on black

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