#76BA65

#76BA65

Color Values

HEX

#76BA65

RGB

118, 186, 101

HSL

108.0, 38.1%, 56.3%

HSV

108.0, 45.7%, 72.9%

CMYK

36.6%, 0.0%, 45.7%, 27.1%

OKLCH

0.7232 0.1363 139.5

Properties

Cool Light Nearest: Fern

Color Harmonies

Complementary

#76BA65

#A965BA

Analogous

#A1BA65

#65BA7F

#76BA65

Triadic

#76BA65

#6576BA

#BA6576

Split Complementary

#76BA65

#7F65BA

#BA65A1

Tetradic

#76BA65

#65A1BA

#A965BA

#BA7F65

Color Blindness Simulation

Original

#76BA65

Protanopia

#93947A

Deuteranopia

#908A7E

Tritanopia

#798A8D

Achromatopsia

#A5A5A5

CSS Usage

background-color: #76BA65;
color: #76BA65;
border-color: #76BA65;
Nearest Tailwind: Green 600 #16A34A

Tailwind Shades

50
#F6FAF5
100
#EAF3E7
200
#D3E9CE
300
#B4D9AA
400
#8BC57D
500
#62B04F
600
#4F8D3F
700
#3F7133
800
#315827
900
#264120
950
#182914

Contrast Checker

Text on white

2.34:1

AA Fail AAA Fail

Text on black

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