#7EB53E

#7EB53E

Color Values

HEX

#7EB53E

RGB

126, 181, 62

HSL

87.7, 49.0%, 47.6%

HSV

87.7, 65.7%, 71.0%

CMYK

30.4%, 0.0%, 65.7%, 29.0%

OKLCH

0.7107 0.16 130.8

Properties

Cool Light Nearest: NCS S 1050-G30Y Yellow Green

Color Harmonies

Complementary

#7EB53E

#753EB5

Analogous

#B5B03E

#42B53E

#7EB53E

Triadic

#7EB53E

#3E7EB5

#B53E7E

Split Complementary

#7EB53E

#3E42B5

#B03EB5

Tetradic

#7EB53E

#3EB5B0

#753EB5

#B53E42

Color Blindness Simulation

Original

#7EB53E

Protanopia

#96965B

Deuteranopia

#938E62

Tritanopia

#817277

Achromatopsia

#A1A1A1

CSS Usage

background-color: #7EB53E;
color: #7EB53E;
border-color: #7EB53E;
Nearest Tailwind: Lime 600 #65A30D

Tailwind Shades

50
#F8FBF4
100
#EEF5E6
200
#DDEDCA
300
#C4E0A4
400
#A4CF72
500
#84BE41
600
#6A9834
700
#557A2A
800
#425F21
900
#32461B
950
#202C11

Contrast Checker

Text on white

2.45:1

AA Fail AAA Fail

Text on black

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