#746F63

#746F63

Color Values

HEX

#746F63

RGB

116, 111, 99

HSL

42.4, 7.9%, 42.2%

HSV

42.4, 14.7%, 45.5%

CMYK

0.0%, 4.3%, 14.7%, 54.5%

OKLCH

0.5426 0.0192 88.1

Properties

Warm Dark Nearest: RAL 7039 Quartz Grey

Color Harmonies

Complementary

#746F63

#636874

Analogous

#746763

#717463

#746F63

Triadic

#746F63

#63746F

#6F6374

Split Complementary

#746F63

#637174

#676374

Tetradic

#746F63

#637467

#636874

#746371

Color Blindness Simulation

Original

#746F63

Protanopia

#727266

Deuteranopia

#727267

Tritanopia

#746869

Achromatopsia

#6F6F6F

CSS Usage

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

Tailwind Shades

50
#F8F8F7
100
#EEEEEC
200
#DEDCD8
300
#C7C4BD
400
#A8A499
500
#8A8475
600
#6E695E
700
#58544B
800
#45423B
900
#34322D
950
#211F1C

Contrast Checker

Text on white

5.0:1

AA Pass AAA Fail

Text on black

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