#745D35

#745D35

Color Values

HEX

#745D35

RGB

116, 93, 53

HSL

38.1, 37.3%, 33.1%

HSV

38.1, 54.3%, 45.5%

CMYK

0.0%, 19.8%, 54.3%, 54.5%

OKLCH

0.4919 0.064 80.3

Properties

Warm Dark Nearest: RAL 7008 Khaki Grey

Color Harmonies

Complementary

#745D35

#354C74

Analogous

#743D35

#6B7435

#745D35

Triadic

#745D35

#35745D

#5D3574

Split Complementary

#745D35

#356B74

#3D3574

Tetradic

#745D35

#35743D

#354C74

#74356B

Color Blindness Simulation

Original

#745D35

Protanopia

#6A6A3F

Deuteranopia

#6B6D41

Tritanopia

#734648

Achromatopsia

#5F5F5F

CSS Usage

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

Tailwind Shades

50
#FAF8F5
100
#F3EFE7
200
#E9DFCE
300
#D9C8AB
400
#C4AA7D
500
#AF8C50
600
#8C7040
700
#705A33
800
#584628
900
#413520
950
#292114

Contrast Checker

Text on white

6.25:1

AA Pass AAA Fail

Text on black

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