#778C55

#778C55

Color Values

HEX

#778C55

RGB

119, 140, 85

HSL

82.9, 24.4%, 44.1%

HSV

82.9, 39.3%, 54.9%

CMYK

15.0%, 0.0%, 39.3%, 45.1%

OKLCH

0.6095 0.0816 125.7

Properties

Cool Light Nearest: khaki 4

Color Harmonies

Complementary

#778C55

#6A558C

Analogous

#8C8555

#5C8C55

#778C55

Triadic

#778C55

#55778C

#8C5577

Split Complementary

#778C55

#555C8C

#85558C

Tetradic

#778C55

#558C85

#6A558C

#8C555C

Color Blindness Simulation

Original

#778C55

Protanopia

#808062

Deuteranopia

#7F7D66

Tritanopia

#786D6F

Achromatopsia

#848484

CSS Usage

background-color: #778C55;
color: #778C55;
border-color: #778C55;
Nearest Tailwind: Lime 800 #3F6212

Tailwind Shades

50
#F8F9F6
100
#EEF1E9
200
#DDE4D3
300
#C5D1B3
400
#A6B88A
500
#879F60
600
#6C7F4D
700
#56663E
800
#434F30
900
#333B26
950
#202518

Contrast Checker

Text on white

3.71:1

AA Fail AAA Fail

Text on black

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