#78747A

#78747A

Color Values

HEX

#78747A

RGB

120, 116, 122

HSL

280.0, 2.5%, 46.7%

HSV

280.0, 4.9%, 47.8%

CMYK

1.6%, 4.9%, 0.0%, 52.2%

OKLCH

0.5645 0.0103 314.7

Properties

Cool Dark Nearest: grey

Color Harmonies

Complementary

#78747A

#767A74

Analogous

#75747A

#7A7479

#78747A

Triadic

#78747A

#7A7874

#747A78

Split Complementary

#78747A

#797A74

#747A75

Tetradic

#78747A

#7A7574

#767A74

#74797A

Color Blindness Simulation

Original

#78747A

Protanopia

#767679

Deuteranopia

#767778

Tritanopia

#787777

Achromatopsia

#757575

CSS Usage

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

Tailwind Shades

50
#F7F7F8
100
#EDEDEE
200
#DCDADC
300
#C2C0C3
400
#A19EA3
500
#817C83
600
#676369
700
#525054
800
#403E41
900
#312F32
950
#1F1E1F

Contrast Checker

Text on white

4.59:1

AA Pass AAA Fail

Text on black

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