#76F080

#76F080

Color Values

HEX

#76F080

RGB

118, 240, 128

HSL

124.9, 80.3%, 70.2%

HSV

124.9, 50.8%, 94.1%

CMYK

50.8%, 0.0%, 46.7%, 5.9%

OKLCH

0.8589 0.187 145.3

Properties

Cool Light Nearest: palegreen

Color Harmonies

Complementary

#76F080

#F076E6

Analogous

#A9F076

#76F0BD

#76F080

Triadic

#76F080

#8076F0

#F08076

Split Complementary

#76F080

#BD76F0

#F076A9

Tetradic

#76F080

#76A9F0

#F076E6

#F0BD76

Color Blindness Simulation

Original

#76F080

Protanopia

#ABAC9B

Deuteranopia

#A49BA2

Tritanopia

#7CB1B5

Achromatopsia

#CECECE

CSS Usage

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

Tailwind Shades

50
#F2FDF3
100
#E1F9E3
200
#BFF8C3
300
#91F399
400
#55EC61
500
#19E62A
600
#14B821
700
#10931B
800
#0D7315
900
#0D5313
950
#08350C

Contrast Checker

Text on white

1.44:1

AA Fail AAA Fail

Text on black

14.55:1

AA Pass AAA Pass

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

ก.พ. 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

ก.พ. 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

ก.พ. 19, 2026