#746566

#746566

Color Values

HEX

#746566

RGB

116, 101, 102

HSL

356.0, 6.9%, 42.5%

HSV

356.0, 12.9%, 45.5%

CMYK

0.0%, 12.9%, 12.1%, 54.5%

OKLCH

0.5213 0.0192 13.2

Properties

Warm Dark Nearest: NCS S 6000-N Medium Dark Grey

Color Harmonies

Complementary

#746566

#657473

Analogous

#74656D

#746B65

#746566

Triadic

#746566

#667465

#656674

Split Complementary

#746566

#65746B

#656D74

Tetradic

#746566

#6D7465

#657473

#6B6574

Color Blindness Simulation

Original

#746566

Protanopia

#6E6D66

Deuteranopia

#6E6F66

Tritanopia

#736666

Achromatopsia

#686868

CSS Usage

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

Tailwind Shades

50
#F8F7F7
100
#EEECEC
200
#DED9D9
300
#C6BEBE
400
#A79A9B
500
#887778
600
#6D5F60
700
#574C4D
800
#443B3C
900
#332D2E
950
#211D1D

Contrast Checker

Text on white

5.53:1

AA Pass AAA Fail

Text on black

3.8:1

AA Fail AAA Fail

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

Jan 18, 2026