#787D68

#787D68

Color Values

HEX

#787D68

RGB

120, 125, 104

HSL

74.3, 9.2%, 44.9%

HSV

74.3, 16.8%, 49.0%

CMYK

4.0%, 0.0%, 16.8%, 51.0%

OKLCH

0.5794 0.0317 118.3

Properties

Cool Light Nearest: RAL 7033 Cement Grey

Color Harmonies

Complementary

#787D68

#6D687D

Analogous

#7D7868

#6D7D68

#787D68

Triadic

#787D68

#68787D

#7D6878

Split Complementary

#787D68

#686D7D

#78687D

Tetradic

#787D68

#687D78

#6D687D

#7D686D

Color Blindness Simulation

Original

#787D68

Protanopia

#7A7A6D

Deuteranopia

#7A7A6E

Tritanopia

#787172

Achromatopsia

#7A7A7A

CSS Usage

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

Tailwind Shades

50
#F8F8F7
100
#EEEFEC
200
#DDDFD8
300
#C5C7BC
400
#A5A998
500
#868B74
600
#6B6F5D
700
#56594A
800
#43463A
900
#33342C
950
#20211C

Contrast Checker

Text on white

4.26:1

AA Fail AAA Fail

Text on black

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