#746156

#746156

Color Values

HEX

#746156

RGB

116, 97, 86

HSL

22.0, 14.9%, 39.6%

HSV

22.0, 25.9%, 45.5%

CMYK

0.0%, 16.4%, 25.9%, 54.5%

OKLCH

0.5079 0.03 51.8

Properties

Warm Dark Nearest: RAL 1035 Pearl Beige

Color Harmonies

Complementary

#746156

#566974

Analogous

#74565A

#747056

#746156

Triadic

#746156

#567461

#615674

Split Complementary

#746156

#567470

#565A74

Tetradic

#746156

#5A7456

#566974

#705674

Color Blindness Simulation

Original

#746156

Protanopia

#6C6C59

Deuteranopia

#6D6E59

Tritanopia

#735B5B

Achromatopsia

#646464

CSS Usage

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

Tailwind Shades

50
#F8F7F6
100
#EFEDEB
200
#E1DAD6
300
#CBBFB9
400
#AF9D93
500
#927A6D
600
#756257
700
#5E4E45
800
#493D36
900
#372F2A
950
#231E1A

Contrast Checker

Text on white

5.85:1

AA Pass AAA Fail

Text on black

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