#787C2F

#787C2F

Color Values

HEX

#787C2F

RGB

120, 124, 47

HSL

63.1, 45.0%, 33.5%

HSV

63.1, 62.1%, 48.6%

CMYK

3.2%, 0.0%, 62.1%, 51.4%

OKLCH

0.5666 0.1 112.0

Properties

Cool Light Nearest: darkolivegreen 4

Color Harmonies

Complementary

#787C2F

#332F7C

Analogous

#7C592F

#517C2F

#787C2F

Triadic

#787C2F

#2F787C

#7C2F78

Split Complementary

#787C2F

#2F517C

#592F7C

Tetradic

#787C2F

#2F7C59

#332F7C

#7C2F51

Color Blindness Simulation

Original

#787C2F

Protanopia

#7A7A42

Deuteranopia

#7A7946

Tritanopia

#785054

Achromatopsia

#767676

CSS Usage

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

Tailwind Shades

50
#FAFAF4
100
#F3F4E6
200
#EAEBCB
300
#DADDA6
400
#C7CB76
500
#B3B946
600
#8F9438
700
#73762D
800
#595C23
900
#42441D
950
#2A2B12

Contrast Checker

Text on white

4.45:1

AA Fail AAA Fail

Text on black

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