#769356

#769356

Color Values

HEX

#769356

RGB

118, 147, 86

HSL

88.5, 26.2%, 45.7%

HSV

88.5, 41.5%, 57.6%

CMYK

19.7%, 0.0%, 41.5%, 42.4%

OKLCH

0.6258 0.092 129.5

Properties

Cool Light Nearest: Asparagus

Color Harmonies

Complementary

#769356

#735693

Analogous

#939256

#589356

#769356

Triadic

#769356

#567693

#935676

Split Complementary

#769356

#565893

#925693

Tetradic

#769356

#569392

#735693

#935658

Color Blindness Simulation

Original

#769356

Protanopia

#838365

Deuteranopia

#817F68

Tritanopia

#777073

Achromatopsia

#888888

CSS Usage

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

Tailwind Shades

50
#F7F9F6
100
#EDF1E9
200
#DCE5D2
300
#C3D2B2
400
#A2B988
500
#81A15E
600
#67814B
700
#53673C
800
#41502F
900
#313C25
950
#1F2617

Contrast Checker

Text on white

3.45:1

AA Fail AAA Fail

Text on black

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