#787B56

#787B56

Color Values

HEX

#787B56

RGB

120, 123, 86

HSL

64.9, 17.7%, 41.0%

HSV

64.9, 30.1%, 48.2%

CMYK

2.4%, 0.0%, 30.1%, 51.8%

OKLCH

0.5705 0.0537 111.9

Properties

Cool Light Nearest: RAL 7002 Olive Grey

Color Harmonies

Complementary

#787B56

#59567B

Analogous

#7B6C56

#667B56

#787B56

Triadic

#787B56

#56787B

#7B5678

Split Complementary

#787B56

#56667B

#6C567B

Tetradic

#787B56

#567B6C

#59567B

#7B5666

Color Blindness Simulation

Original

#787B56

Protanopia

#79795F

Deuteranopia

#797961

Tritanopia

#786668

Achromatopsia

#787878

CSS Usage

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

Tailwind Shades

50
#F8F9F6
100
#EFF0EA
200
#E1E2D5
300
#CBCDB7
400
#AFB190
500
#929669
600
#757854
700
#5E6043
800
#494B34
900
#373829
950
#23231A

Contrast Checker

Text on white

4.41:1

AA Fail AAA Fail

Text on black

4.77:1

AA Pass AAA Fail

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

Jan 18, 2026