#7EC397

#7EC397

Color Values

HEX

#7EC397

RGB

126, 195, 151

HSL

141.7, 36.5%, 62.9%

HSV

141.7, 35.4%, 76.5%

CMYK

35.4%, 0.0%, 22.6%, 23.5%

OKLCH

0.7591 0.0946 155.5

Properties

Cool Light Nearest: NCS S 0530-G Light Green

Color Harmonies

Complementary

#7EC397

#C37EAA

Analogous

#87C37E

#7EC3B9

#7EC397

Triadic

#7EC397

#977EC3

#C3977E

Split Complementary

#7EC397

#B97EC3

#C37E87

Tetradic

#7EC397

#7E87C3

#C37EAA

#C3B97E

Color Blindness Simulation

Original

#7EC397

Protanopia

#9C9CA2

Deuteranopia

#9893A4

Tritanopia

#81AAAC

Achromatopsia

#B1B1B1

CSS Usage

background-color: #7EC397;
color: #7EC397;
border-color: #7EC397;
Nearest Tailwind: Emerald 300 #6EE7B7

Tailwind Shades

50
#F5FAF7
100
#E8F3EC
200
#CEE8D8
300
#ABD8BC
400
#7EC397
500
#51AE73
600
#418B5C
700
#346F49
800
#285739
900
#21402C
950
#15291C

Contrast Checker

Text on white

2.07:1

AA Fail AAA Fail

Text on black

10.14:1

AA Pass AAA Pass

Related Articles

Color Questions

What Is Pantone? The Universal Color Language

Feb 20, 2026
Color Questions

What Is Metamerism? Why Colors Look Different Under Different Lights

Feb 20, 2026
Color Questions

What Is Luminance? Brightness in Color Science

Feb 20, 2026