#76BF88

#76BF88

Color Values

HEX

#76BF88

RGB

118, 191, 136

HSL

134.8, 36.3%, 60.6%

HSV

134.8, 38.2%, 74.9%

CMYK

38.2%, 0.0%, 28.8%, 25.1%

OKLCH

0.7419 0.1082 150.9

Properties

Cool Light Nearest: NCS S 0530-G Light Green

Color Harmonies

Complementary

#76BF88

#BF76AD

Analogous

#89BF76

#76BFAD

#76BF88

Triadic

#76BF88

#8876BF

#BF8876

Split Complementary

#76BF88

#AD76BF

#BF7689

Tetradic

#76BF88

#7689BF

#BF76AD

#BFAD76

Color Blindness Simulation

Original

#76BF88

Protanopia

#969695

Deuteranopia

#918C98

Tritanopia

#7AA0A2

Achromatopsia

#ACACAC

CSS Usage

background-color: #76BF88;
color: #76BF88;
border-color: #76BF88;
Nearest Tailwind: Emerald 300 #6EE7B7

Tailwind Shades

50
#F5FAF6
100
#E8F3EA
200
#CEE8D5
300
#ACD8B7
400
#7EC38F
500
#51AE68
600
#418B53
700
#346F43
800
#295734
900
#214028
950
#15291A

Contrast Checker

Text on white

2.19:1

AA Fail AAA Fail

Text on black

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