#74BE77

#74BE77

Color Values

HEX

#74BE77

RGB

116, 190, 119

HSL

122.4, 36.3%, 60.0%

HSV

122.4, 38.9%, 74.5%

CMYK

38.9%, 0.0%, 37.4%, 25.5%

OKLCH

0.735 0.1252 145.1

Properties

Cool Light Nearest: Fern

Color Harmonies

Complementary

#74BE77

#BE74BB

Analogous

#96BE74

#74BE9C

#74BE77

Triadic

#74BE77

#7774BE

#BE7774

Split Complementary

#74BE77

#9C74BE

#BE7496

Tetradic

#74BE77

#7496BE

#BE74BB

#BE9C74

Color Blindness Simulation

Original

#74BE77

Protanopia

#949588

Deuteranopia

#908A8C

Tritanopia

#789699

Achromatopsia

#A9A9A9

CSS Usage

background-color: #74BE77;
color: #74BE77;
border-color: #74BE77;
Nearest Tailwind: Green 300 #86EFAC

Tailwind Shades

50
#F5FAF5
100
#E8F3E8
200
#CEE8CF
300
#ACD8AD
400
#7EC381
500
#51AE55
600
#418B44
700
#346F36
800
#29572A
900
#214022
950
#152915

Contrast Checker

Text on white

2.24:1

AA Fail AAA Fail

Text on black

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