#77AB43

#77AB43

Color Values

HEX

#77AB43

RGB

119, 171, 67

HSL

90.0, 43.7%, 46.7%

HSV

90.0, 60.8%, 67.1%

CMYK

30.4%, 0.0%, 60.8%, 32.9%

OKLCH

0.6824 0.1461 131.6

Properties

Cool Light Nearest: NCS S 1040-G50Y Olive Light

Color Harmonies

Complementary

#77AB43

#7743AB

Analogous

#ABAB43

#43AB43

#77AB43

Triadic

#77AB43

#4377AB

#AB4377

Split Complementary

#77AB43

#4343AB

#AB43AB

Tetradic

#77AB43

#43ABAB

#7743AB

#AB4343

Color Blindness Simulation

Original

#77AB43

Protanopia

#8E8E5C

Deuteranopia

#8A8762

Tritanopia

#7A7074

Achromatopsia

#989898

CSS Usage

background-color: #77AB43;
color: #77AB43;
border-color: #77AB43;
Nearest Tailwind: Lime 600 #65A30D

Tailwind Shades

50
#F7FAF5
100
#EDF4E7
200
#DBEBCC
300
#C2DDA7
400
#A1CA77
500
#80B748
600
#669339
700
#52752E
800
#405C24
900
#30441D
950
#1F2B13

Contrast Checker

Text on white

2.73:1

AA Fail AAA Fail

Text on black

7.69:1

AA Pass AAA Pass

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

Jan 18, 2026