#77AC4C

#77AC4C

Color Values

HEX

#77AC4C

RGB

119, 172, 76

HSL

93.1, 38.7%, 48.6%

HSV

93.1, 55.8%, 67.5%

CMYK

30.8%, 0.0%, 55.8%, 32.5%

OKLCH

0.6859 0.1396 133.0

Properties

Cool Light Nearest: NCS S 1040-G50Y Olive Light

Color Harmonies

Complementary

#77AC4C

#814CAC

Analogous

#A7AC4C

#4CAC51

#77AC4C

Triadic

#77AC4C

#4C77AC

#AC4C77

Split Complementary

#77AC4C

#514CAC

#AC4CA7

Tetradic

#77AC4C

#4CA7AC

#814CAC

#AC514C

Color Blindness Simulation

Original

#77AC4C

Protanopia

#8E8E63

Deuteranopia

#8B8769

Tritanopia

#7A767A

Achromatopsia

#9A9A9A

CSS Usage

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

Tailwind Shades

50
#F7FAF5
100
#EDF3E7
200
#DAE9CD
300
#BFD9AA
400
#9DC57C
500
#7AB14E
600
#628D3F
700
#4E7132
800
#3D5827
900
#2F4120
950
#1D2914

Contrast Checker

Text on white

2.7:1

AA Fail AAA Fail

Text on black

7.79:1

AA Pass AAA Pass

Related Articles

Brand Stories

Pantone Colors by Decade: The 2000s, 2010s, and 2020s Compared

Feb 01, 2026
Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026