#74582F

#74582F

Color Values

HEX

#74582F

RGB

116, 88, 47

HSL

35.7, 42.3%, 32.0%

HSV

35.7, 59.5%, 45.5%

CMYK

0.0%, 24.1%, 59.5%, 54.5%

OKLCH

0.48 0.0682 75.4

Properties

Warm Dark Nearest: RAL 8008 Olive Brown

Color Harmonies

Complementary

#74582F

#2F4B74

Analogous

#74362F

#6E742F

#74582F

Triadic

#74582F

#2F7458

#582F74

Split Complementary

#74582F

#2F6E74

#362F74

Tetradic

#74582F

#2F7436

#2F4B74

#742F6E

Color Blindness Simulation

Original

#74582F

Protanopia

#686839

Deuteranopia

#6A6C3B

Tritanopia

#734142

Achromatopsia

#5B5B5B

CSS Usage

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

Tailwind Shades

50
#FAF8F5
100
#F4EEE7
200
#EADECC
300
#DCC7A8
400
#C9A879
500
#B58A4A
600
#916E3B
700
#74582F
800
#5B4525
900
#43341E
950
#2A2113

Contrast Checker

Text on white

6.6:1

AA Pass AAA Fail

Text on black

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