#777418

#777418

Color Values

HEX

#777418

RGB

119, 116, 24

HSL

58.1, 66.4%, 28.0%

HSV

58.1, 79.8%, 46.7%

CMYK

0.0%, 2.5%, 79.8%, 53.3%

OKLCH

0.5448 0.1082 107.6

Properties

Warm Dark Nearest: olive

Color Harmonies

Complementary

#777418

#181B77

Analogous

#774418

#4A7718

#777418

Triadic

#777418

#187774

#741877

Split Complementary

#777418

#184A77

#441877

Tetradic

#777418

#187744

#181B77

#77184A

Color Blindness Simulation

Original

#777418

Protanopia

#76762E

Deuteranopia

#767634

Tritanopia

#774044

Achromatopsia

#6E6E6E

CSS Usage

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

Tailwind Shades

50
#FCFBF3
100
#F7F7E3
200
#F3F2C4
300
#EAE899
400
#DFDB62
500
#D4CF2B
600
#AAA522
700
#88841B
800
#6A6715
900
#4D4C13
950
#31300C

Contrast Checker

Text on white

4.89:1

AA Pass AAA Fail

Text on black

4.3:1

AA Fail 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