#2C960E

#2C960E

Color Values

HEX

#2C960E

RGB

44, 150, 14

HSL

106.8, 82.9%, 32.2%

HSV

106.8, 90.7%, 58.8%

CMYK

70.7%, 0.0%, 90.7%, 41.2%

OKLCH

0.59 0.1866 140.5

Properties

Cool Light Nearest: green 4

Color Harmonies

Complementary

#2C960E

#780E96

Analogous

#70960E

#0E9634

#2C960E

Triadic

#2C960E

#0E2C96

#960E2C

Split Complementary

#2C960E

#340E96

#960E70

Tetradic

#2C960E

#0E7096

#780E96

#96340E

Color Blindness Simulation

Original

#2C960E

Protanopia

#5A5B2F

Deuteranopia

#544C37

Tritanopia

#31494F

Achromatopsia

#767676

CSS Usage

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

Tailwind Shades

50
#F4FDF2
100
#E6FAE1
200
#CBF9BE
300
#A5F58F
400
#75EF52
500
#44E916
600
#37BB11
700
#2C950E
800
#22750B
900
#1C550C
950
#123508

Contrast Checker

Text on white

3.83:1

AA Fail AAA Fail

Text on black

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