#746F73

#746F73

Color Values

HEX

#746F73

RGB

116, 111, 115

HSL

312.0, 2.2%, 44.5%

HSV

312.0, 4.3%, 45.5%

CMYK

0.0%, 4.3%, 0.9%, 54.5%

OKLCH

0.5475 0.0086 332.2

Properties

Warm Dark Nearest: dimgrey

Color Harmonies

Complementary

#746F73

#6F7470

Analogous

#726F74

#746F70

#746F73

Triadic

#746F73

#73746F

#6F7374

Split Complementary

#746F73

#70746F

#6F7472

Tetradic

#746F73

#74726F

#6F7470

#6F7074

Color Blindness Simulation

Original

#746F73

Protanopia

#727272

Deuteranopia

#727272

Tritanopia

#747171

Achromatopsia

#707070

CSS Usage

background-color: #746F73;
color: #746F73;
border-color: #746F73;
Nearest Tailwind: Neutral 500 #737373

Tailwind Shades

50
#F7F7F7
100
#EDEDED
200
#DCDBDC
300
#C3C0C3
400
#A39FA2
500
#827D81
600
#686467
700
#535053
800
#413E41
900
#312F31
950
#1F1E1F

Contrast Checker

Text on white

4.93:1

AA Pass AAA Fail

Text on black

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