#2C980B

#2C980B

Color Values

HEX

#2C980B

RGB

44, 152, 11

HSL

106.0, 86.5%, 32.0%

HSV

106.0, 92.8%, 59.6%

CMYK

71.1%, 0.0%, 92.8%, 40.4%

OKLCH

0.5954 0.1895 140.5

Properties

Cool Light Nearest: green 4

Color Harmonies

Complementary

#2C980B

#770B98

Analogous

#73980B

#0B9831

#2C980B

Triadic

#2C980B

#0B2C98

#980B2C

Split Complementary

#2C980B

#310B98

#980B73

Tetradic

#2C980B

#0B7398

#770B98

#98310B

Color Blindness Simulation

Original

#2C980B

Protanopia

#5B5C2D

Deuteranopia

#544C35

Tritanopia

#31484E

Achromatopsia

#777777

CSS Usage

background-color: #2C980B;
color: #2C980B;
border-color: #2C980B;
Nearest Tailwind: Lime 600 #65A30D

Tailwind Shades

50
#F4FDF2
100
#E6FAE0
200
#CBFABC
300
#A6F78D
400
#75F24F
500
#45EE11
600
#37BE0E
700
#2C980B
800
#227709
900
#1C560B
950
#123607

Contrast Checker

Text on white

3.75:1

AA Fail AAA Fail

Text on black

5.6:1

AA Pass 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