#7EDC75

#7EDC75

Color Values

HEX

#7EDC75

RGB

126, 220, 117

HSL

114.8, 59.5%, 66.1%

HSV

114.8, 46.8%, 86.3%

CMYK

42.7%, 0.0%, 46.8%, 13.7%

OKLCH

0.8123 0.1656 142.1

Properties

Cool Light Nearest: lightgreen

Color Harmonies

Complementary

#7EDC75

#D375DC

Analogous

#B1DC75

#75DCA0

#7EDC75

Triadic

#7EDC75

#757EDC

#DC757E

Split Complementary

#7EDC75

#A075DC

#DC75B1

Tetradic

#7EDC75

#75B1DC

#D375DC

#DCA075

Color Blindness Simulation

Original

#7EDC75

Protanopia

#A7A88E

Deuteranopia

#A19A94

Tritanopia

#83A2A6

Achromatopsia

#C1C1C1

CSS Usage

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

Tailwind Shades

50
#F4FBF3
100
#E6F6E4
200
#CAF1C6
300
#A4E69D
400
#72D969
500
#41CB34
600
#34A329
700
#298221
800
#20661A
900
#1B4A17
950
#112F0E

Contrast Checker

Text on white

1.7:1

AA Fail AAA Fail

Text on black

12.38:1

AA Pass AAA Pass

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