#76AD6B

#76AD6B

Color Values

HEX

#76AD6B

RGB

118, 173, 107

HSL

110.0, 28.7%, 54.9%

HSV

110.0, 38.2%, 67.8%

CMYK

31.8%, 0.0%, 38.2%, 32.2%

OKLCH

0.6926 0.11 140.3

Properties

Cool Light Nearest: Fern

Color Harmonies

Complementary

#76AD6B

#A26BAD

Analogous

#97AD6B

#6BAD81

#76AD6B

Triadic

#76AD6B

#6B76AD

#AD6B76

Split Complementary

#76AD6B

#816BAD

#AD6B97

Tetradic

#76AD6B

#6B97AD

#A26BAD

#AD816B

Color Blindness Simulation

Original

#76AD6B

Protanopia

#8E8E7B

Deuteranopia

#8B867F

Tritanopia

#79888A

Achromatopsia

#9D9D9D

CSS Usage

background-color: #76AD6B;
color: #76AD6B;
border-color: #76AD6B;
Nearest Tailwind: Emerald 600 #059669

Tailwind Shades

50
#F6F9F5
100
#EAF2E9
200
#D4E6D1
300
#B6D3B0
400
#8FBC86
500
#67A45B
600
#528349
700
#42693A
800
#34522D
900
#283D24
950
#192717

Contrast Checker

Text on white

2.64:1

AA Fail AAA Fail

Text on black

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