#76AE5A

#76AE5A

Color Values

HEX

#76AE5A

RGB

118, 174, 90

HSL

100.0, 34.1%, 51.8%

HSV

100.0, 48.3%, 68.2%

CMYK

32.2%, 0.0%, 48.3%, 31.8%

OKLCH

0.6921 0.1295 136.1

Properties

Cool Light Nearest: Fern

Color Harmonies

Complementary

#76AE5A

#925AAE

Analogous

#A0AE5A

#5AAE68

#76AE5A

Triadic

#76AE5A

#5A76AE

#AE5A76

Split Complementary

#76AE5A

#685AAE

#AE5AA0

Tetradic

#76AE5A

#5AA0AE

#925AAE

#AE685A

Color Blindness Simulation

Original

#76AE5A

Protanopia

#8E8F6E

Deuteranopia

#8B8773

Tritanopia

#797E82

Achromatopsia

#9C9C9C

CSS Usage

background-color: #76AE5A;
color: #76AE5A;
border-color: #76AE5A;
Nearest Tailwind: Green 600 #16A34A

Tailwind Shades

50
#F7FAF5
100
#EBF2E8
200
#D7E7CF
300
#BBD7AD
400
#96C180
500
#71AB54
600
#5A8943
700
#486D36
800
#39552A
900
#2B3F22
950
#1B2815

Contrast Checker

Text on white

2.63:1

AA Fail AAA Fail

Text on black

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