#2C6D02

#2C6D02

Color Values

HEX

#2C6D02

RGB

44, 109, 2

HSL

96.4, 96.4%, 21.8%

HSV

96.4, 98.2%, 42.7%

CMYK

59.6%, 0.0%, 98.2%, 57.3%

OKLCH

0.4734 0.1441 137.6

Properties

Cool Dark Nearest: darkgreen

Color Harmonies

Complementary

#2C6D02

#43026D

Analogous

#626D02

#026D0D

#2C6D02

Triadic

#2C6D02

#022C6D

#6D022C

Split Complementary

#2C6D02

#0D026D

#6D0262

Tetradic

#2C6D02

#02626D

#43026D

#6D0D02

Color Blindness Simulation

Original

#2C6D02

Protanopia

#48491C

Deuteranopia

#443F22

Tritanopia

#2F3035

Achromatopsia

#575757

CSS Usage

background-color: #2C6D02;
color: #2C6D02;
border-color: #2C6D02;
Nearest Tailwind: Lime 700 #4D7C0F

Tailwind Shades

50
#F6FEF1
100
#EAFCDF
200
#D4FEB9
300
#B5FD87
400
#8DFC46
500
#65FA05
600
#51C804
700
#41A003
800
#337D02
900
#275A06
950
#193904

Contrast Checker

Text on white

6.37:1

AA Pass AAA Fail

Text on black

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