#778164

#778164

Color Values

HEX

#778164

RGB

119, 129, 100

HSL

80.7, 12.7%, 44.9%

HSV

80.7, 22.5%, 50.6%

CMYK

7.8%, 0.0%, 22.5%, 49.4%

OKLCH

0.5868 0.0443 123.2

Properties

Cool Light Nearest: RAL 7033 Cement Grey

Color Harmonies

Complementary

#778164

#6E6481

Analogous

#817D64

#688164

#778164

Triadic

#778164

#647781

#816477

Split Complementary

#778164

#646881

#7D6481

Tetradic

#778164

#64817D

#6E6481

#816468

Color Blindness Simulation

Original

#778164

Protanopia

#7B7B6B

Deuteranopia

#7B7A6D

Tritanopia

#787172

Achromatopsia

#7D7D7D

CSS Usage

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

Tailwind Shades

50
#F8F8F7
100
#EEEFEB
200
#DDE0D7
300
#C4CABA
400
#A4AD95
500
#85906F
600
#6A7359
700
#555C47
800
#424838
900
#32362B
950
#20221B

Contrast Checker

Text on white

4.11:1

AA Fail AAA Fail

Text on black

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