#74563C

#74563C

Color Values

HEX

#74563C

RGB

116, 86, 60

HSL

27.9, 31.8%, 34.5%

HSV

27.9, 48.3%, 45.5%

CMYK

0.0%, 25.9%, 48.3%, 54.5%

OKLCH

0.478 0.0556 61.8

Properties

Warm Dark Nearest: RAL 1036 Pearl Gold

Color Harmonies

Complementary

#74563C

#3C5A74

Analogous

#743C3E

#74723C

#74563C

Triadic

#74563C

#3C7456

#563C74

Split Complementary

#74563C

#3C7472

#3C3E74

Tetradic

#74563C

#3E743C

#3C5A74

#723C74

Color Blindness Simulation

Original

#74563C

Protanopia

#676742

Deuteranopia

#696B44

Tritanopia

#724748

Achromatopsia

#5B5B5B

CSS Usage

background-color: #74563C;
color: #74563C;
border-color: #74563C;
Nearest Tailwind: Stone 600 #57534E

Tailwind Shades

50
#F9F7F5
100
#F2EDE8
200
#E7DBD0
300
#D5C0AE
400
#BF9F83
500
#A87D57
600
#866446
700
#6C5038
800
#543E2B
900
#3E2F23
950
#271E16

Contrast Checker

Text on white

6.69:1

AA Pass AAA Fail

Text on black

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