#76F276

#76F276

Color Values

HEX

#76F276

RGB

118, 242, 118

HSL

120.0, 82.7%, 70.6%

HSV

120.0, 51.2%, 94.9%

CMYK

51.2%, 0.0%, 51.2%, 5.1%

OKLCH

0.8623 0.1985 143.6

Properties

Cool Light Nearest: Screamin Green

Color Harmonies

Complementary

#76F276

#F276F2

Analogous

#B4F276

#76F2B4

#76F276

Triadic

#76F276

#7676F2

#F27676

Split Complementary

#76F276

#B476F2

#F276B4

Tetradic

#76F276

#76B4F2

#F276F2

#F2B476

Color Blindness Simulation

Original

#76F276

Protanopia

#ACAD94

Deuteranopia

#A49B9B

Tritanopia

#7CACB1

Achromatopsia

#CFCFCF

CSS Usage

background-color: #76F276;
color: #76F276;
border-color: #76F276;
Nearest Tailwind: Green 400 #4ADE80

Tailwind Shades

50
#F2FDF2
100
#E1FAE1
200
#BEF9BE
300
#8FF48F
400
#53EF53
500
#16E916
600
#12BA12
700
#0E950E
800
#0B740B
900
#0C550C
950
#083508

Contrast Checker

Text on white

1.43:1

AA Fail AAA Fail

Text on black

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