#746F5F

#746F5F

Color Values

HEX

#746F5F

RGB

116, 111, 95

HSL

45.7, 10.0%, 41.4%

HSV

45.7, 18.1%, 45.5%

CMYK

0.0%, 4.3%, 18.1%, 54.5%

OKLCH

0.5415 0.0249 92.7

Properties

Warm Dark Nearest: RAL 7023 Concrete Grey

Color Harmonies

Complementary

#746F5F

#5F6474

Analogous

#74655F

#6F745F

#746F5F

Triadic

#746F5F

#5F746F

#6F5F74

Split Complementary

#746F5F

#5F6F74

#655F74

Tetradic

#746F5F

#5F7465

#5F6474

#745F6F

Color Blindness Simulation

Original

#746F5F

Protanopia

#727263

Deuteranopia

#727264

Tritanopia

#746667

Achromatopsia

#6F6F6F

CSS Usage

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

Tailwind Shades

50
#F8F8F7
100
#EFEEEC
200
#DFDDD8
300
#C8C5BC
400
#AAA697
500
#8C8673
600
#706B5C
700
#5A5649
800
#464339
900
#35332C
950
#21201C

Contrast Checker

Text on white

5.02:1

AA Pass AAA Fail

Text on black

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