#787C36

#787C36

Color Values

HEX

#787C36

RGB

120, 124, 54

HSL

63.4, 39.3%, 34.9%

HSV

63.4, 56.5%, 48.6%

CMYK

3.2%, 0.0%, 56.5%, 51.4%

OKLCH

0.5675 0.0933 112.0

Properties

Cool Light Nearest: khaki 4

Color Harmonies

Complementary

#787C36

#3A367C

Analogous

#7C5D36

#557C36

#787C36

Triadic

#787C36

#36787C

#7C3678

Split Complementary

#787C36

#36557C

#5D367C

Tetradic

#787C36

#367C5D

#3A367C

#7C3655

Color Blindness Simulation

Original

#787C36

Protanopia

#7A7A47

Deuteranopia

#7A794B

Tritanopia

#785457

Achromatopsia

#767676

CSS Usage

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

Tailwind Shades

50
#FAFAF5
100
#F2F3E7
200
#E8E9CD
300
#D7DAAA
400
#C2C67C
500
#ACB24D
600
#8A8E3E
700
#6E7232
800
#565927
900
#40421F
950
#282914

Contrast Checker

Text on white

4.44:1

AA Fail AAA Fail

Text on black

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