#787C76

#787C76

Color Values

HEX

#787C76

RGB

120, 124, 118

HSL

100.0, 2.5%, 47.5%

HSV

100.0, 4.8%, 48.6%

CMYK

3.2%, 0.0%, 4.8%, 51.4%

OKLCH

0.581 0.0102 134.9

Properties

Cool Light Nearest: RAL 7037 Dusty Grey

Color Harmonies

Complementary

#787C76

#7A767C

Analogous

#7B7C76

#767C77

#787C76

Triadic

#787C76

#76787C

#7C7678

Split Complementary

#787C76

#77767C

#7C767B

Tetradic

#787C76

#767B7C

#7A767C

#7C7776

Color Blindness Simulation

Original

#787C76

Protanopia

#7A7A77

Deuteranopia

#7A7978

Tritanopia

#787979

Achromatopsia

#7B7B7B

CSS Usage

background-color: #787C76;
color: #787C76;
border-color: #787C76;
Nearest Tailwind: Neutral 500 #737373

Tailwind Shades

50
#F7F8F7
100
#EDEEED
200
#DBDCDA
300
#C1C3C0
400
#A0A39E
500
#7E837C
600
#656963
700
#515450
800
#3F413E
900
#30322F
950
#1E1F1E

Contrast Checker

Text on white

4.25:1

AA Fail AAA Fail

Text on black

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