#746C76

#746C76

Color Values

HEX

#746C76

RGB

116, 108, 118

HSL

288.0, 4.4%, 44.3%

HSV

288.0, 8.5%, 46.3%

CMYK

1.7%, 8.5%, 0.0%, 53.7%

OKLCH

0.5419 0.0181 319.5

Properties

Cool Dark Nearest: RAL 4012 Pearl Blackberry

Color Harmonies

Complementary

#746C76

#6E766C

Analogous

#6F6C76

#766C73

#746C76

Triadic

#746C76

#76746C

#6C7674

Split Complementary

#746C76

#73766C

#6C766F

Tetradic

#746C76

#766F6C

#6E766C

#6C7376

Color Blindness Simulation

Original

#746C76

Protanopia

#717074

Deuteranopia

#717273

Tritanopia

#747271

Achromatopsia

#6E6E6E

CSS Usage

background-color: #746C76;
color: #746C76;
border-color: #746C76;
Nearest Tailwind: Zinc 500 #71717A

Tailwind Shades

50
#F8F7F8
100
#EEECEE
200
#DCDADD
300
#C3BFC4
400
#A39CA5
500
#837A85
600
#69626A
700
#544E55
800
#413D43
900
#322F32
950
#1F1D20

Contrast Checker

Text on white

5.06:1

AA Pass AAA Fail

Text on black

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