#778369

#778369

Color Values

HEX

#778369

RGB

119, 131, 105

HSL

87.7, 11.0%, 46.3%

HSV

87.7, 19.8%, 51.4%

CMYK

9.2%, 0.0%, 19.8%, 48.6%

OKLCH

0.5926 0.0409 127.8

Properties

Cool Light Nearest: RAL 7033 Cement Grey

Color Harmonies

Complementary

#778369

#756983

Analogous

#838269

#6A8369

#778369

Triadic

#778369

#697783

#836977

Split Complementary

#778369

#696A83

#826983

Tetradic

#778369

#698382

#756983

#83696A

Color Blindness Simulation

Original

#778369

Protanopia

#7C7C6F

Deuteranopia

#7C7B71

Tritanopia

#787475

Achromatopsia

#7F7F7F

CSS Usage

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

Tailwind Shades

50
#F7F8F7
100
#EDEFEB
200
#DCDFD7
300
#C2C9BB
400
#A1AB96
500
#818E71
600
#67715B
700
#525B49
800
#404739
900
#31352C
950
#1F221C

Contrast Checker

Text on white

4.01:1

AA Fail AAA Fail

Text on black

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