#74A772

#74A772

Color Values

HEX

#74A772

RGB

116, 167, 114

HSL

117.7, 23.1%, 55.1%

HSV

117.7, 31.7%, 65.5%

CMYK

30.5%, 0.0%, 31.7%, 34.5%

OKLCH

0.6782 0.0939 143.6

Properties

Cool Light Nearest: Forest Green

Color Harmonies

Complementary

#74A772

#A572A7

Analogous

#8FA772

#72A78A

#74A772

Triadic

#74A772

#7274A7

#A77274

Split Complementary

#74A772

#8A72A7

#A7728F

Tetradic

#74A772

#728FA7

#A572A7

#A78A72

Color Blindness Simulation

Original

#74A772

Protanopia

#8A8B7F

Deuteranopia

#878382

Tritanopia

#77898B

Achromatopsia

#989898

CSS Usage

background-color: #74A772;
color: #74A772;
border-color: #74A772;
Nearest Tailwind: Emerald 600 #059669

Tailwind Shades

50
#F6F9F6
100
#EAF1EA
200
#D4E4D3
300
#B5D0B4
400
#8DB68B
500
#649D62
600
#507E4E
700
#40643F
800
#324E31
900
#273B26
950
#192518

Contrast Checker

Text on white

2.8:1

AA Fail AAA Fail

Text on black

7.51:1

AA Pass AAA Pass

Related Articles

Tutorials

CSS color-mix(): Blend Colors Natively in the Browser

Jan 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

Jan 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

Jan 15, 2026