#7EE161

#7EE161

Color Values

HEX

#7EE161

RGB

126, 225, 97

HSL

106.4, 68.1%, 63.1%

HSV

106.4, 56.9%, 88.2%

CMYK

44.0%, 0.0%, 56.9%, 11.8%

OKLCH

0.8217 0.1902 139.1

Properties

Cool Light Nearest: NCS S 1050-G30Y Yellow Green

Color Harmonies

Complementary

#7EE161

#C461E1

Analogous

#BEE161

#61E184

#7EE161

Triadic

#7EE161

#617EE1

#E1617E

Split Complementary

#7EE161

#8461E1

#E161BE

Tetradic

#7EE161

#61BEE1

#C461E1

#E18461

Color Blindness Simulation

Original

#7EE161

Protanopia

#A9AA80

Deuteranopia

#A39C87

Tritanopia

#83989E

Achromatopsia

#C3C3C3

CSS Usage

background-color: #7EE161;
color: #7EE161;
border-color: #7EE161;
Nearest Tailwind: Lime 300 #BEF264

Tailwind Shades

50
#F5FCF3
100
#E8F7E3
200
#CEF4C3
300
#ABEB98
400
#7EE160
500
#50D629
600
#40AB21
700
#33891A
800
#286B14
900
#204E13
950
#14310C

Contrast Checker

Text on white

1.64:1

AA Fail AAA Fail

Text on black

12.83:1

AA Pass AAA Pass

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

Jan 18, 2026