#2C9124

#2C9124

Color Values

HEX

#2C9124

RGB

44, 145, 36

HSL

115.6, 60.2%, 35.5%

HSV

115.6, 75.2%, 56.9%

CMYK

69.7%, 0.0%, 75.2%, 43.1%

OKLCH

0.5772 0.1714 142.1

Properties

Cool Light Nearest: forestgreen

Color Harmonies

Complementary

#2C9124

#892491

Analogous

#639124

#249153

#2C9124

Triadic

#2C9124

#242C91

#91242C

Split Complementary

#2C9124

#532491

#912463

Tetradic

#2C9124

#246391

#892491

#915324

Color Blindness Simulation

Original

#2C9124

Protanopia

#58593E

Deuteranopia

#524A45

Tritanopia

#315358

Achromatopsia

#747474

CSS Usage

background-color: #2C9124;
color: #2C9124;
border-color: #2C9124;
Nearest Tailwind: Green 600 #16A34A

Tailwind Shades

50
#F4FBF3
100
#E5F6E4
200
#C9F1C6
300
#A2E79D
400
#70D968
500
#3ECC33
600
#32A329
700
#288320
800
#1F6619
900
#1A4B16
950
#102F0E

Contrast Checker

Text on white

4.05:1

AA Fail AAA Fail

Text on black

5.18:1

AA Pass AAA Fail

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