#746462

#746462

Color Values

HEX

#746462

RGB

116, 100, 98

HSL

6.7, 8.4%, 42.0%

HSV

6.7, 15.5%, 45.5%

CMYK

0.0%, 13.8%, 15.5%, 54.5%

OKLCH

0.5179 0.0208 26.3

Properties

Warm Dark Nearest: RAL 7039 Quartz Grey

Color Harmonies

Complementary

#746462

#627274

Analogous

#746269

#746D62

#746462

Triadic

#746462

#627464

#646274

Split Complementary

#746462

#62746D

#626974

Tetradic

#746462

#697462

#627274

#6D6274

Color Blindness Simulation

Original

#746462

Protanopia

#6D6D62

Deuteranopia

#6E6F63

Tritanopia

#736363

Achromatopsia

#676767

CSS Usage

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

Tailwind Shades

50
#F8F7F7
100
#EEECEC
200
#DED9D8
300
#C7BEBD
400
#A99A99
500
#8A7775
600
#6F5F5D
700
#584C4B
800
#453C3A
900
#342E2D
950
#211D1C

Contrast Checker

Text on white

5.61:1

AA Pass AAA Fail

Text on black

3.74:1

AA Fail AAA Fail

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

Feb 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

Feb 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

Feb 19, 2026