#74531F

#74531F

Color Values

HEX

#74531F

RGB

116, 83, 31

HSL

36.7, 57.8%, 28.8%

HSV

36.7, 73.3%, 45.5%

CMYK

0.0%, 28.4%, 73.3%, 54.5%

OKLCH

0.4672 0.0807 75.5

Properties

Warm Dark Nearest: Raw Umber

Color Harmonies

Complementary

#74531F

#1F4074

Analogous

#74281F

#6A741F

#74531F

Triadic

#74531F

#1F7453

#531F74

Split Complementary

#74531F

#1F6A74

#281F74

Tetradic

#74531F

#1F7428

#1F4074

#741F6A

Color Blindness Simulation

Original

#74531F

Protanopia

#66652C

Deuteranopia

#686A2F

Tritanopia

#723638

Achromatopsia

#565656

CSS Usage

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

Tailwind Shades

50
#FBF8F4
100
#F6EFE4
200
#F0E0C7
300
#E5CA9E
400
#D7AD6A
500
#C99036
600
#A1732B
700
#815C22
800
#65481B
900
#4A3617
950
#2F220F

Contrast Checker

Text on white

7.0:1

AA Pass AAA Pass

Text on black

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