#74B96C

#74B96C

Color Values

HEX

#74B96C

RGB

116, 185, 108

HSL

113.8, 35.5%, 57.5%

HSV

113.8, 41.6%, 72.5%

CMYK

37.3%, 0.0%, 41.6%, 27.5%

OKLCH

0.7208 0.1288 141.8

Properties

Cool Light Nearest: Fern

Color Harmonies

Complementary

#74B96C

#B16CB9

Analogous

#9BB96C

#6CB98B

#74B96C

Triadic

#74B96C

#6C74B9

#B96C74

Split Complementary

#74B96C

#8B6CB9

#B96C9B

Tetradic

#74B96C

#6C9BB9

#B16CB9

#B98B6C

Color Blindness Simulation

Original

#74B96C

Protanopia

#92927F

Deuteranopia

#8E8983

Tritanopia

#778D91

Achromatopsia

#A5A5A5

CSS Usage

background-color: #74B96C;
color: #74B96C;
border-color: #74B96C;
Nearest Tailwind: Green 600 #16A34A

Tailwind Shades

50
#F6FAF5
100
#E9F3E8
200
#D1E8CF
300
#B1D8AC
400
#86C27F
500
#5CAD52
600
#498A42
700
#3B6F35
800
#2E5629
900
#244021
950
#172815

Contrast Checker

Text on white

2.36:1

AA Fail AAA Fail

Text on black

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