#746C69

#746C69

Color Values

HEX

#746C69

RGB

116, 108, 105

HSL

16.4, 5.0%, 43.3%

HSV

16.4, 9.5%, 45.5%

CMYK

0.0%, 6.9%, 9.5%, 54.5%

OKLCH

0.5377 0.0111 41.8

Properties

Warm Dark Nearest: dimgrey

Color Harmonies

Complementary

#746C69

#697174

Analogous

#74696B

#747169

#746C69

Triadic

#746C69

#69746C

#6C6974

Split Complementary

#746C69

#697471

#696B74

Tetradic

#746C69

#6B7469

#697174

#716974

Color Blindness Simulation

Original

#746C69

Protanopia

#71706A

Deuteranopia

#71726A

Tritanopia

#746A6A

Achromatopsia

#6D6D6D

CSS Usage

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

Tailwind Shades

50
#F8F7F7
100
#EEEDEC
200
#DDDADA
300
#C5C0BF
400
#A59F9C
500
#867D79
600
#6B6461
700
#56504E
800
#433E3D
900
#332F2E
950
#201E1D

Contrast Checker

Text on white

5.13:1

AA Pass AAA Fail

Text on black

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