#7EC72A

#7EC72A

Color Values

HEX

#7EC72A

RGB

126, 199, 42

HSL

87.9, 65.1%, 47.3%

HSV

87.9, 78.9%, 78.0%

CMYK

36.7%, 0.0%, 78.9%, 22.0%

OKLCH

0.7534 0.1945 132.1

Properties

Cool Light Nearest: yellowgreen

Color Harmonies

Complementary

#7EC72A

#732AC7

Analogous

#C7C22A

#30C72A

#7EC72A

Triadic

#7EC72A

#2A7EC7

#C72A7E

Split Complementary

#7EC72A

#2A30C7

#C22AC7

Tetradic

#7EC72A

#2AC7C2

#732AC7

#C72A30

Color Blindness Simulation

Original

#7EC72A

Protanopia

#9E9E50

Deuteranopia

#999459

Tritanopia

#826E75

Achromatopsia

#ACACAC

CSS Usage

background-color: #7EC72A;
color: #7EC72A;
border-color: #7EC72A;
Nearest Tailwind: Lime 500 #84CC16

Tailwind Shades

50
#F8FCF3
100
#EEF7E3
200
#DDF3C4
300
#C5EA9A
400
#A5DE63
500
#85D32C
600
#6BA824
700
#55871C
800
#436916
900
#324D14
950
#20310D

Contrast Checker

Text on white

2.08:1

AA Fail AAA Fail

Text on black

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