#76CC92

#76CC92

Color Values

HEX

#76CC92

RGB

118, 204, 146

HSL

139.5, 45.7%, 63.1%

HSV

139.5, 42.2%, 80.0%

CMYK

42.2%, 0.0%, 28.4%, 20.0%

OKLCH

0.7754 0.1185 153.3

Properties

Cool Light Nearest: NCS S 0530-G Light Green

Color Harmonies

Complementary

#76CC92

#CC76B0

Analogous

#85CC76

#76CCBD

#76CC92

Triadic

#76CC92

#9276CC

#CC9276

Split Complementary

#76CC92

#BD76CC

#CC7685

Tetradic

#76CC92

#7685CC

#CC76B0

#CCBD76

Color Blindness Simulation

Original

#76CC92

Protanopia

#9B9CA0

Deuteranopia

#9690A3

Tritanopia

#7AABAE

Achromatopsia

#B6B6B6

CSS Usage

background-color: #76CC92;
color: #76CC92;
border-color: #76CC92;
Nearest Tailwind: Green 300 #86EFAC

Tailwind Shades

50
#F4FAF6
100
#E6F4EB
200
#CBECD6
300
#A6DEB8
400
#76CC92
500
#45BA6B
600
#379556
700
#2C7745
800
#235D36
900
#1D4429
950
#122B1A

Contrast Checker

Text on white

1.94:1

AA Fail AAA Fail

Text on black

10.82:1

AA Pass AAA Pass

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

ม.ค. 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

ม.ค. 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

ม.ค. 18, 2026