#74B96D

#74B96D

Color Values

HEX

#74B96D

RGB

116, 185, 109

HSL

114.5, 35.2%, 57.6%

HSV

114.5, 41.1%, 72.5%

CMYK

37.3%, 0.0%, 41.1%, 27.5%

OKLCH

0.721 0.1278 142.1

Properties

Cool Light Nearest: Fern

Color Harmonies

Complementary

#74B96D

#B26DB9

Analogous

#9AB96D

#6DB98C

#74B96D

Triadic

#74B96D

#6D74B9

#B96D74

Split Complementary

#74B96D

#8C6DB9

#B96D9A

Tetradic

#74B96D

#6D9AB9

#B26DB9

#B98C6D

Color Blindness Simulation

Original

#74B96D

Protanopia

#92927F

Deuteranopia

#8E8984

Tritanopia

#778E91

Achromatopsia

#A5A5A5

CSS Usage

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

Tailwind Shades

50
#F5FAF5
100
#E9F2E8
200
#D1E8CF
300
#B0D7AC
400
#86C27F
500
#5BAC53
600
#498A42
700
#3A6E35
800
#2D5629
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