#77973C

#77973C

Color Values

HEX

#77973C

RGB

119, 151, 60

HSL

81,1, 43,1%, 41,4%

HSV

81,1, 60,3%, 59,2%

CMYK

21,2%, 0,0%, 60,3%, 40,8%

OKLCH

0,6325 0,1245 126,1

Properties

Cool Light Nearest: NCS S 2050-G60Y Olive

Color Harmonies

Complementary

#77973C

#5C3C97

Analogous

#978A3C

#4A973C

#77973C

Triadic

#77973C

#3C7797

#973C77

Split Complementary

#77973C

#3C4A97

#8A3C97

Tetradic

#77973C

#3C978A

#5C3C97

#973C4A

Color Blindness Simulation

Original

#77973C

Protanopia

#858552

Deuteranopia

#838157

Tritanopia

#796367

Achromatopsia

#8A8A8A

CSS Usage

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

Tailwind Shades

50
#F8FAF5
100
#EFF4E7
200
#E0EBCC
300
#CADCA7
400
#ADC978
500
#90B649
600
#73923A
700
#5C752E
800
#485B24
900
#36431E
950
#222A13

Contrast Checker

Text on white

3,35:1

AA Fail AAA Fail

Text on black

6,28:1

AA Pass AAA Fail

Related Articles

Tutorials

CSS color-mix(): Blend Colors Natively in the Browser

Jan 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

Jan 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

Jan 15, 2026