#74BD77

#74BD77

Color Values

HEX

#74BD77

RGB

116, 189, 119

HSL

122.5, 35.6%, 59.8%

HSV

122.5, 38.6%, 74.1%

CMYK

38.6%, 0.0%, 37.0%, 25.9%

OKLCH

0.7326 0.1236 145.1

Properties

Cool Light Nearest: Fern

Color Harmonies

Complementary

#74BD77

#BD74BA

Analogous

#95BD74

#74BD9C

#74BD77

Triadic

#74BD77

#7774BD

#BD7774

Split Complementary

#74BD77

#9C74BD

#BD7495

Tetradic

#74BD77

#7495BD

#BD74BA

#BD9C74

Color Blindness Simulation

Original

#74BD77

Protanopia

#949488

Deuteranopia

#8F8A8C

Tritanopia

#789598

Achromatopsia

#A8A8A8

CSS Usage

background-color: #74BD77;
color: #74BD77;
border-color: #74BD77;
Nearest Tailwind: Emerald 500 #10B981

Tailwind Shades

50
#F5FAF5
100
#E8F3E8
200
#CFE8D0
300
#ACD8AE
400
#7FC282
500
#52AD56
600
#428A45
700
#356F37
800
#29562B
900
#214022
950
#152816

Contrast Checker

Text on white

2.26:1

AA Fail AAA Fail

Text on black

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