#77841F

#77841F

Color Values

HEX

#77841F

RGB

119, 132, 31

HSL

67.7, 62.0%, 32.0%

HSV

67.7, 76.5%, 51.8%

CMYK

9.8%, 0.0%, 76.5%, 48.2%

OKLCH

0.5836 0.1219 116.8

Properties

Cool Light Nearest: olive

Color Harmonies

Complementary

#77841F

#2C1F84

Analogous

#845F1F

#45841F

#77841F

Triadic

#77841F

#1F7784

#841F77

Split Complementary

#77841F

#1F4584

#5F1F84

Tetradic

#77841F

#1F845F

#2C1F84

#841F45

Color Blindness Simulation

Original

#77841F

Protanopia

#7D7D37

Deuteranopia

#7C7B3D

Tritanopia

#784B4F

Achromatopsia

#7A7A7A

CSS Usage

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

Tailwind Shades

50
#FAFBF3
100
#F4F7E4
200
#ECF1C5
300
#DEE89C
400
#CCDB66
500
#BACF30
600
#95A527
700
#77841F
800
#5D6718
900
#454B15
950
#2B300E

Contrast Checker

Text on white

4.11:1

AA Fail AAA Fail

Text on black

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