#7EB945

#7EB945

Color Values

HEX

#7EB945

RGB

126, 185, 69

HSL

90.5, 45.7%, 49.8%

HSV

90.5, 62.7%, 72.5%

CMYK

31.9%, 0.0%, 62.7%, 27.5%

OKLCH

0.7211 0.1599 132.1

Properties

Cool Light Nearest: NCS S 1050-G30Y Yellow Green

Color Harmonies

Complementary

#7EB945

#8045B9

Analogous

#B8B945

#45B946

#7EB945

Triadic

#7EB945

#457EB9

#B9457E

Split Complementary

#7EB945

#4645B9

#B945B8

Tetradic

#7EB945

#45B8B9

#8045B9

#B94645

Color Blindness Simulation

Original

#7EB945

Protanopia

#989861

Deuteranopia

#949068

Tritanopia

#81777C

Achromatopsia

#A4A4A4

CSS Usage

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

Tailwind Shades

50
#F7FAF4
100
#EDF4E6
200
#DBECCB
300
#C1DEA6
400
#A0CC76
500
#7FBA45
600
#659537
700
#51772C
800
#3F5D23
900
#30441D
950
#1E2B12

Contrast Checker

Text on white

2.36:1

AA Fail AAA Fail

Text on black

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