#2C7347

#2C7347

Color Values

HEX

#2C7347

RGB

44, 115, 71

HSL

142.8, 44.7%, 31.2%

HSV

142.8, 61.7%, 45.1%

CMYK

61.7%, 0.0%, 38.3%, 54.9%

OKLCH

0.4984 0.1002 153.4

Properties

Cool Dark Nearest: RAL 6029 Mint Green

Color Harmonies

Complementary

#2C7347

#732C58

Analogous

#35732C

#2C736B

#2C7347

Triadic

#2C7347

#472C73

#73472C

Split Complementary

#2C7347

#6B2C73

#732C35

Tetradic

#2C7347

#2C3573

#732C58

#736B2C

Color Blindness Simulation

Original

#2C7347

Protanopia

#4B4B52

Deuteranopia

#474154

Tritanopia

#305A5C

Achromatopsia

#616161

CSS Usage

background-color: #2C7347;
color: #2C7347;
border-color: #2C7347;
Nearest Tailwind: Green 800 #166534

Tailwind Shades

50
#F4FAF7
100
#E6F4EC
200
#CBEBD7
300
#A6DDBB
400
#76CB97
500
#47B872
600
#38945B
700
#2D7649
800
#235C39
900
#1D442C
950
#122B1C

Contrast Checker

Text on white

5.75:1

AA Pass AAA Fail

Text on black

3.65:1

AA Fail AAA Fail

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