#747D78

#747D78

Color Values

HEX

#747D78

RGB

116, 125, 120

HSL

146.7, 3.7%, 47.3%

HSV

146.7, 7.2%, 49.0%

CMYK

7.2%, 0.0%, 4.0%, 51.0%

OKLCH

0.5806 0.0131 161.8

Properties

Cool Light Nearest: RAL 7037 Dusty Grey

Color Harmonies

Complementary

#747D78

#7D7479

Analogous

#757D74

#747D7D

#747D78

Triadic

#747D78

#78747D

#7D7874

Split Complementary

#747D78

#7D747D

#7D7475

Tetradic

#747D78

#74757D

#7D7479

#7D7D74

Color Blindness Simulation

Original

#747D78

Protanopia

#787879

Deuteranopia

#77777A

Tritanopia

#747A7A

Achromatopsia

#7B7B7B

CSS Usage

background-color: #747D78;
color: #747D78;
border-color: #747D78;
Nearest Tailwind: Neutral 500 #737373

Tailwind Shades

50
#F7F8F7
100
#EDEEED
200
#DADDDB
300
#C0C4C2
400
#9DA4A0
500
#7B847F
600
#626A66
700
#4F5551
800
#3D423F
900
#2F3230
950
#1E201E

Contrast Checker

Text on white

4.24:1

AA Fail AAA Fail

Text on black

4.95:1

AA Pass AAA Fail

Related Articles

Tutorials

CSS color-mix(): Blend Colors Natively in the Browser

Jan 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

Jan 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

Jan 15, 2026