#7CC940

#7CC940

Color Values

HEX

#7CC940

RGB

124, 201, 64

HSL

93.7, 55.9%, 52.0%

HSV

93.7, 68.2%, 78.8%

CMYK

38.3%, 0.0%, 68.2%, 21.2%

OKLCH

0.7588 0.1854 134.2

Properties

Cool Light Nearest: NCS S 1050-G30Y Yellow Green

Color Harmonies

Complementary

#7CC940

#8D40C9

Analogous

#C1C940

#40C949

#7CC940

Triadic

#7CC940

#407CC9

#C9407C

Split Complementary

#7CC940

#4940C9

#C940C1

Tetradic

#7CC940

#40C1C9

#8D40C9

#C94940

Color Blindness Simulation

Original

#7CC940

Protanopia

#9D9E61

Deuteranopia

#999369

Tritanopia

#807B81

Achromatopsia

#AFAFAF

CSS Usage

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

Tailwind Shades

50
#F7FBF4
100
#ECF6E5
200
#D9EFC7
300
#BEE4A0
400
#9AD56C
500
#77C738
600
#5F9F2D
700
#4C7F24
800
#3B631C
900
#2D4918
950
#1D2E0F

Contrast Checker

Text on white

2.04:1

AA Fail AAA Fail

Text on black

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