#777218

#777218

Color Values

HEX

#777218

RGB

119, 114, 24

HSL

56.8, 66.4%, 28.0%

HSV

56.8, 79.8%, 46.7%

CMYK

0.0%, 4.2%, 79.8%, 53.3%

OKLCH

0.5401 0.1062 106.1

Properties

Warm Dark Nearest: gold 4

Color Harmonies

Complementary

#777218

#181D77

Analogous

#774218

#4C7718

#777218

Triadic

#777218

#187772

#721877

Split Complementary

#777218

#184C77

#421877

Tetradic

#777218

#187742

#181D77

#77184C

Color Blindness Simulation

Original

#777218

Protanopia

#75752E

Deuteranopia

#757633

Tritanopia

#773F43

Achromatopsia

#6D6D6D

CSS Usage

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

Tailwind Shades

50
#FCFBF3
100
#F7F6E3
200
#F3F0C4
300
#EAE699
400
#DFD962
500
#D4CB2B
600
#AAA322
700
#88821B
800
#6A6615
900
#4D4A13
950
#312F0C

Contrast Checker

Text on white

4.99:1

AA Pass AAA Fail

Text on black

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