#778312

#778312

Color Values

HEX

#778312

RGB

119, 131, 18

HSL

66.4, 75.8%, 29.2%

HSV

66.4, 86.3%, 51.4%

CMYK

9.2%, 0.0%, 86.3%, 48.6%

OKLCH

0.5805 0.1272 116.1

Properties

Cool Light Nearest: olive

Color Harmonies

Complementary

#778312

#1E1283

Analogous

#835712

#3E8312

#778312

Triadic

#778312

#127783

#831277

Split Complementary

#778312

#123E83

#571283

Tetradic

#778312

#128357

#1E1283

#83123E

Color Blindness Simulation

Original

#778312

Protanopia

#7C7C2D

Deuteranopia

#7C7B34

Tritanopia

#784348

Achromatopsia

#787878

CSS Usage

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

Tailwind Shades

50
#FBFCF2
100
#F6F9E2
200
#F1F6C0
300
#E6F093
400
#D9E859
500
#CCE01F
600
#A3B319
700
#828F14
800
#66700F
900
#4A520F
950
#2F330A

Contrast Checker

Text on white

4.17:1

AA Fail AAA Fail

Text on black

5.04:1

AA Pass AAA Fail

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

Feb 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

Feb 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

Feb 19, 2026