#745C34

#745C34

Color Values

HEX

#745C34

RGB

116, 92, 52

HSL

37.5, 38.1%, 32.9%

HSV

37.5, 55.2%, 45.5%

CMYK

0.0%, 20.7%, 55.2%, 54.5%

OKLCH

0.4896 0.0646 79.1

Properties

Warm Dark Nearest: RAL 8008 Olive Brown

Color Harmonies

Complementary

#745C34

#344C74

Analogous

#743C34

#6C7434

#745C34

Triadic

#745C34

#34745C

#5C3474

Split Complementary

#745C34

#346C74

#3C3474

Tetradic

#745C34

#34743C

#344C74

#74346C

Color Blindness Simulation

Original

#745C34

Protanopia

#6A693E

Deuteranopia

#6B6D40

Tritanopia

#734547

Achromatopsia

#5E5E5E

CSS Usage

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

Tailwind Shades

50
#FAF8F5
100
#F3EFE7
200
#E9DFCE
300
#D9C8AA
400
#C5AA7D
500
#B08C4F
600
#8D703F
700
#715933
800
#584627
900
#413520
950
#292114

Contrast Checker

Text on white

6.32:1

AA Pass AAA Fail

Text on black

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