#787C56

#787C56

Color Values

HEX

#787C56

RGB

120, 124, 86

HSL

66.3, 18.1%, 41.2%

HSV

66.3, 30.6%, 48.6%

CMYK

3.2%, 0.0%, 30.6%, 51.4%

OKLCH

0.5728 0.0552 113.0

Properties

Cool Light Nearest: RAL 7002 Olive Grey

Color Harmonies

Complementary

#787C56

#5A567C

Analogous

#7C6D56

#657C56

#787C56

Triadic

#787C56

#56787C

#7C5678

Split Complementary

#787C56

#56657C

#6D567C

Tetradic

#787C56

#567C6D

#5A567C

#7C5665

Color Blindness Simulation

Original

#787C56

Protanopia

#7A7A5F

Deuteranopia

#7A7961

Tritanopia

#786668

Achromatopsia

#787878

CSS Usage

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

Tailwind Shades

50
#F8F9F6
100
#EFF0EA
200
#E0E2D5
300
#CBCDB7
400
#AEB290
500
#929768
600
#757854
700
#5D6043
800
#494B34
900
#373829
950
#23241A

Contrast Checker

Text on white

4.36:1

AA Fail AAA Fail

Text on black

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