#778C17

#778C17

Color Values

HEX

#778C17

RGB

119, 140, 23

HSL

70.8, 71.8%, 32.0%

HSV

70.8, 83.6%, 54.9%

CMYK

15.0%, 0.0%, 83.6%, 45.1%

OKLCH

0.6027 0.1356 120.1

Properties

Cool Light Nearest: olivedrab

Color Harmonies

Complementary

#778C17

#2C178C

Analogous

#8C6717

#3D8C17

#778C17

Triadic

#778C17

#17778C

#8C1777

Split Complementary

#778C17

#173D8C

#67178C

Tetradic

#778C17

#178C67

#2C178C

#8C173D

Color Blindness Simulation

Original

#778C17

Protanopia

#808033

Deuteranopia

#7F7D3A

Tritanopia

#784A4F

Achromatopsia

#7F7F7F

CSS Usage

background-color: #778C17;
color: #778C17;
border-color: #778C17;
Nearest Tailwind: Lime 700 #4D7C0F

Tailwind Shades

50
#FAFCF3
100
#F4F8E2
200
#ECF5C2
300
#DEEE96
400
#CCE45D
500
#BADB24
600
#95AF1D
700
#778C17
800
#5D6E12
900
#445011
950
#2B320B

Contrast Checker

Text on white

3.79:1

AA Fail AAA Fail

Text on black

5.55:1

AA Pass AAA Fail

Related Articles

Brand Stories

Pantone Colors by Decade: The 2000s, 2010s, and 2020s Compared

Feb 01, 2026
Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026