#76C17F

#76C17F

Color Values

HEX

#76C17F

RGB

118, 193, 127

HSL

127.2, 37.7%, 61.0%

HSV

127.2, 38.9%, 75.7%

CMYK

38.9%, 0.0%, 34.2%, 24.3%

OKLCH

0.7449 0.1204 147.1

Properties

Cool Light Nearest: Fern

Color Harmonies

Complementary

#76C17F

#C176B8

Analogous

#93C176

#76C1A5

#76C17F

Triadic

#76C17F

#7F76C1

#C17F76

Split Complementary

#76C17F

#A576C1

#C17693

Tetradic

#76C17F

#7693C1

#C176B8

#C1A576

Color Blindness Simulation

Original

#76C17F

Protanopia

#96978F

Deuteranopia

#928C93

Tritanopia

#7A9C9E

Achromatopsia

#ACACAC

CSS Usage

background-color: #76C17F;
color: #76C17F;
border-color: #76C17F;
Nearest Tailwind: Green 300 #86EFAC

Tailwind Shades

50
#F5FAF5
100
#E7F3E9
200
#CEE9D1
300
#ABD9B0
400
#7DC486
500
#4FB05B
600
#408C49
700
#33703A
800
#28582D
900
#204124
950
#142917

Contrast Checker

Text on white

2.16:1

AA Fail AAA Fail

Text on black

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