#7DD677

#7DD677

Color Values

HEX

#7DD677

RGB

125, 214, 119

HSL

116.2, 53.7%, 65.3%

HSV

116.2, 44.4%, 83.9%

CMYK

41.6%, 0.0%, 44.4%, 16.1%

OKLCH

0.7976 0.1557 142.6

Properties

Cool Light Nearest: NCS S 0530-G10Y Spring Green

Color Harmonies

Complementary

#7DD677

#D077D6

Analogous

#ADD677

#77D6A0

#7DD677

Triadic

#7DD677

#777DD6

#D6777D

Split Complementary

#7DD677

#A077D6

#D677AD

Tetradic

#7DD677

#77ADD6

#D077D6

#D6A077

Color Blindness Simulation

Original

#7DD677

Protanopia

#A4A48E

Deuteranopia

#9E9894

Tritanopia

#81A0A4

Achromatopsia

#BCBCBC

CSS Usage

background-color: #7DD677;
color: #7DD677;
border-color: #7DD677;
Nearest Tailwind: Green 400 #4ADE80

Tailwind Shades

50
#F4FBF4
100
#E6F5E5
200
#CBEEC8
300
#A5E3A1
400
#74D36E
500
#44C43B
600
#369D2F
700
#2B7D26
800
#22621E
900
#1C4819
950
#122D10

Contrast Checker

Text on white

1.79:1

AA Fail AAA Fail

Text on black

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