#7EC393

#7EC393

Color Values

HEX

#7EC393

RGB

126, 195, 147

HSL

138.3, 36.5%, 62.9%

HSV

138.3, 35.4%, 76.5%

CMYK

35.4%, 0.0%, 24.6%, 23.5%

OKLCH

0.7582 0.0984 153.2

Properties

Cool Light Nearest: NCS S 0530-G Light Green

Color Harmonies

Complementary

#7EC393

#C37EAE

Analogous

#8BC37E

#7EC3B5

#7EC393

Triadic

#7EC393

#937EC3

#C3937E

Split Complementary

#7EC393

#B57EC3

#C37E8B

Tetradic

#7EC393

#7E8BC3

#C37EAE

#C3B57E

Color Blindness Simulation

Original

#7EC393

Protanopia

#9C9C9F

Deuteranopia

#9893A1

Tritanopia

#81A8AA

Achromatopsia

#B1B1B1

CSS Usage

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

Tailwind Shades

50
#F5FAF6
100
#E8F3EB
200
#CEE8D6
300
#ABD8B9
400
#7EC393
500
#51AE6D
600
#418B57
700
#346F46
800
#285737
900
#21402A
950
#15291B

Contrast Checker

Text on white

2.08:1

AA Fail AAA Fail

Text on black

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