#2C9D28

#2C9D28

Color Values

HEX

#2C9D28

RGB

44, 157, 40

HSL

117.9, 59.4%, 38.6%

HSV

117.9, 74.5%, 61.6%

CMYK

72.0%, 0.0%, 74.5%, 38.4%

OKLCH

0.6107 0.183 142.5

Properties

Cool Light Nearest: green 4

Color Harmonies

Complementary

#2C9D28

#99289D

Analogous

#679D28

#289D5E

#2C9D28

Triadic

#2C9D28

#282C9D

#9D282C

Split Complementary

#2C9D28

#5E289D

#9D2867

Tetradic

#2C9D28

#28679D

#99289D

#9D5E28

Color Blindness Simulation

Original

#2C9D28

Protanopia

#5D5E44

Deuteranopia

#564E4B

Tritanopia

#325B60

Achromatopsia

#7D7D7D

CSS Usage

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

Tailwind Shades

50
#F4FBF3
100
#E5F6E4
200
#C8F1C6
300
#A0E69D
400
#6DD969
500
#39CB34
600
#2EA329
700
#258221
800
#1D661A
900
#184A17
950
#0F2F0E

Contrast Checker

Text on white

3.52:1

AA Fail AAA Fail

Text on black

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