#746F71

#746F71

Color Values

HEX

#746F71

RGB

116, 111, 113

HSL

336.0, 2.2%, 44.5%

HSV

336.0, 4.3%, 45.5%

CMYK

0.0%, 4.3%, 2.6%, 54.5%

OKLCH

0.5468 0.0069 351.0

Properties

Warm Dark Nearest: dimgrey

Color Harmonies

Complementary

#746F71

#6F7472

Analogous

#746F73

#746F6F

#746F71

Triadic

#746F71

#71746F

#6F7174

Split Complementary

#746F71

#6F746F

#6F7374

Tetradic

#746F71

#73746F

#6F7472

#6F6F74

Color Blindness Simulation

Original

#746F71

Protanopia

#727271

Deuteranopia

#727270

Tritanopia

#747070

Achromatopsia

#707070

CSS Usage

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

Tailwind Shades

50
#F7F7F7
100
#EDEDED
200
#DCDBDB
300
#C3C0C2
400
#A39FA0
500
#827D7F
600
#686466
700
#535051
800
#413E3F
900
#312F30
950
#1F1E1E

Contrast Checker

Text on white

4.94:1

AA Pass AAA Fail

Text on black

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