#7EC382

#7EC382

Color Values

HEX

#7EC382

RGB

126, 195, 130

HSL

123.5, 36.5%, 62.9%

HSV

123.5, 35.4%, 76.5%

CMYK

35.4%, 0.0%, 33.3%, 23.5%

OKLCH

0.7545 0.1156 145.7

Properties

Cool Light Nearest: Fern

Color Harmonies

Complementary

#7EC382

#C37EBF

Analogous

#9CC37E

#7EC3A4

#7EC382

Triadic

#7EC382

#827EC3

#C3827E

Split Complementary

#7EC382

#A47EC3

#C37E9C

Tetradic

#7EC382

#7E9CC3

#C37EBF

#C3A47E

Color Blindness Simulation

Original

#7EC382

Protanopia

#9C9C92

Deuteranopia

#989396

Tritanopia

#819EA1

Achromatopsia

#B0B0B0

CSS Usage

background-color: #7EC382;
color: #7EC382;
border-color: #7EC382;
Nearest Tailwind: Green 300 #86EFAC

Tailwind Shades

50
#F5FAF5
100
#E8F3E8
200
#CEE8D0
300
#ABD8AE
400
#7EC382
500
#51AE56
600
#418B45
700
#346F37
800
#28572B
900
#214022
950
#152916

Contrast Checker

Text on white

2.1:1

AA Fail AAA Fail

Text on black

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