#7EED8B

#7EED8B

Color Values

HEX

#7EED8B

RGB

126, 237, 139

HSL

127.0, 75.5%, 71.2%

HSV

127.0, 46.8%, 92.9%

CMYK

46.8%, 0.0%, 41.4%, 7.1%

OKLCH

0.8566 0.1688 146.4

Properties

Cool Light Nearest: lightgreen

Color Harmonies

Complementary

#7EED8B

#ED7EE0

Analogous

#A9ED7E

#7EEDC2

#7EED8B

Triadic

#7EED8B

#8B7EED

#ED8B7E

Split Complementary

#7EED8B

#C27EED

#ED7EA9

Tetradic

#7EED8B

#7EA9ED

#ED7EE0

#EDC27E

Color Blindness Simulation

Original

#7EED8B

Protanopia

#AEAFA3

Deuteranopia

#A89FA8

Tritanopia

#84B5BA

Achromatopsia

#CECECE

CSS Usage

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

Tailwind Shades

50
#F2FCF4
100
#E2F9E4
200
#C0F6C7
300
#94F09E
400
#59E86A
500
#1FE036
600
#19B32B
700
#148F22
800
#10701B
900
#105117
950
#0A330F

Contrast Checker

Text on white

1.46:1

AA Fail AAA Fail

Text on black

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