#778556

#778556

Color Values

HEX

#778556

RGB

119, 133, 86

HSL

77.9, 21.5%, 42.9%

HSV

77.9, 35.3%, 52.2%

CMYK

10.5%, 0.0%, 35.3%, 47.8%

OKLCH

0.5931 0.0693 122.0

Properties

Cool Light Nearest: RAL 7002 Olive Grey

Color Harmonies

Complementary

#778556

#645685

Analogous

#857B56

#5F8556

#778556

Triadic

#778556

#567785

#855677

Split Complementary

#778556

#565F85

#7B5685

Tetradic

#778556

#56857B

#645685

#85565F

Color Blindness Simulation

Original

#778556

Protanopia

#7D7D61

Deuteranopia

#7C7B64

Tritanopia

#786A6C

Achromatopsia

#7F7F7F

CSS Usage

background-color: #778556;
color: #778556;
border-color: #778556;
Nearest Tailwind: Lime 900 #365314

Tailwind Shades

50
#F8F9F6
100
#EEF0EA
200
#DEE3D4
300
#C7CFB5
400
#A9B58C
500
#8B9B64
600
#6F7C50
700
#596340
800
#454D32
900
#343A27
950
#212519

Contrast Checker

Text on white

3.98:1

AA Fail AAA Fail

Text on black

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