#746547

#746547

Color Values

HEX

#746547

RGB

116, 101, 71

HSL

40.0, 24.1%, 36.7%

HSV

40.0, 38.8%, 45.5%

CMYK

0.0%, 12.9%, 38.8%, 54.5%

OKLCH

0.5132 0.048 84.2

Properties

Warm Dark Nearest: RAL 7006 Beige Grey

Color Harmonies

Complementary

#746547

#475674

Analogous

#744F47

#6D7447

#746547

Triadic

#746547

#477465

#654774

Split Complementary

#746547

#476D74

#4F4774

Tetradic

#746547

#47744F

#475674

#74476D

Color Blindness Simulation

Original

#746547

Protanopia

#6E6D4E

Deuteranopia

#6E6F50

Tritanopia

#735455

Achromatopsia

#666666

CSS Usage

background-color: #746547;
color: #746547;
border-color: #746547;
Nearest Tailwind: Stone 500 #78716C

Tailwind Shades

50
#F9F8F6
100
#F1EEE9
200
#E4DED3
300
#D1C7B3
400
#B7A88A
500
#9E8A61
600
#7F6E4D
700
#65583E
800
#4F4530
900
#3B3426
950
#252118

Contrast Checker

Text on white

5.68:1

AA Pass AAA Fail

Text on black

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