#74C372

#74C372

Color Values

HEX

#74C372

RGB

116, 195, 114

HSL

118.5, 40.3%, 60.6%

HSV

118.5, 41.5%, 76.5%

CMYK

40.5%, 0.0%, 41.5%, 23.5%

OKLCH

0.7463 0.1378 143.5

Properties

Cool Light Nearest: Fern

Color Harmonies

Complementary

#74C372

#C172C3

Analogous

#9DC372

#72C399

#74C372

Triadic

#74C372

#7274C3

#C37274

Split Complementary

#74C372

#9972C3

#C3729D

Tetradic

#74C372

#729DC3

#C172C3

#C39972

Color Blindness Simulation

Original

#74C372

Protanopia

#969786

Deuteranopia

#928C8A

Tritanopia

#789598

Achromatopsia

#ACACAC

CSS Usage

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

Tailwind Shades

50
#F5FAF5
100
#E7F3E7
200
#CEEACD
300
#AADAA9
400
#7DC77B
500
#4FB34C
600
#3F8F3D
700
#327231
800
#275926
900
#20421F
950
#142A14

Contrast Checker

Text on white

2.14:1

AA Fail AAA Fail

Text on black

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