#76CC30

#76CC30

Color Values

HEX

#76CC30

RGB

118, 204, 48

HSL

93.1, 61.9%, 49.4%

HSV

93.1, 76.5%, 80.0%

CMYK

42.2%, 0.0%, 76.5%, 20.0%

OKLCH

0.762 0.2016 134.6

Properties

Cool Light Nearest: NCS S 1060-G20Y Lime

Color Harmonies

Complementary

#76CC30

#8630CC

Analogous

#C4CC30

#30CC38

#76CC30

Triadic

#76CC30

#3076CC

#CC3076

Split Complementary

#76CC30

#3830CC

#CC30C4

Tetradic

#76CC30

#30C4CC

#8630CC

#CC3830

Color Blindness Simulation

Original

#76CC30

Protanopia

#9B9C56

Deuteranopia

#96905F

Tritanopia

#7A747A

Achromatopsia

#AEAEAE

CSS Usage

background-color: #76CC30;
color: #76CC30;
border-color: #76CC30;
Nearest Tailwind: Lime 500 #84CC16

Tailwind Shades

50
#F7FBF3
100
#ECF7E4
200
#D9F1C5
300
#BEE89C
400
#9BDB66
500
#77CE31
600
#5FA527
700
#4C841F
800
#3C6718
900
#2E4B15
950
#1D300E

Contrast Checker

Text on white

2.01:1

AA Fail AAA Fail

Text on black

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