#747F78

#747F78

Color Values

HEX

#747F78

RGB

116, 127, 120

HSL

141.8, 4.5%, 47.6%

HSV

141.8, 8.7%, 49.8%

CMYK

8.7%, 0.0%, 5.5%, 50.2%

OKLCH

0.5852 0.0168 158.0

Properties

Cool Light Nearest: RAL 7037 Dusty Grey

Color Harmonies

Complementary

#747F78

#7F747B

Analogous

#757F74

#747F7D

#747F78

Triadic

#747F78

#78747F

#7F7874

Split Complementary

#747F78

#7D747F

#7F7475

Tetradic

#747F78

#74757F

#7F747B

#7F7D74

Color Blindness Simulation

Original

#747F78

Protanopia

#79797A

Deuteranopia

#78777A

Tritanopia

#757B7B

Achromatopsia

#7C7C7C

CSS Usage

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

Tailwind Shades

50
#F7F8F7
100
#ECEEED
200
#DADDDB
300
#BFC5C1
400
#9CA59F
500
#7A857E
600
#616B65
700
#4E5551
800
#3D433F
900
#2E3230
950
#1D201E

Contrast Checker

Text on white

4.16:1

AA Fail AAA Fail

Text on black

5.05:1

AA Pass 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