#7DC676

#7DC676

Color Values

HEX

#7DC676

RGB

125, 198, 118

HSL

114.8, 41.2%, 62.0%

HSV

114.8, 40.4%, 77.6%

CMYK

36.9%, 0.0%, 40.4%, 22.4%

OKLCH

0.7589 0.1331 142.2

Properties

Cool Light Nearest: Fern

Color Harmonies

Complementary

#7DC676

#BF76C6

Analogous

#A5C676

#76C697

#7DC676

Triadic

#7DC676

#767DC6

#C6767D

Split Complementary

#7DC676

#9776C6

#C676A5

Tetradic

#7DC676

#76A5C6

#BF76C6

#C69776

Color Blindness Simulation

Original

#7DC676

Protanopia

#9D9D89

Deuteranopia

#98938E

Tritanopia

#81999C

Achromatopsia

#B1B1B1

CSS Usage

background-color: #7DC676;
color: #7DC676;
border-color: #7DC676;
Nearest Tailwind: Green 300 #86EFAC

Tailwind Shades

50
#F5FAF5
100
#E8F3E7
200
#CFEACD
300
#ADDBA9
400
#81C87A
500
#54B44B
600
#43903C
700
#367330
800
#2A5A25
900
#22421E
950
#152A13

Contrast Checker

Text on white

2.06:1

AA Fail AAA Fail

Text on black

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