#2F9212

#2F9212

Color Values

HEX

#2F9212

RGB

47, 146, 18

HSL

106.4, 78.0%, 32.2%

HSV

106.4, 87.7%, 57.3%

CMYK

67.8%, 0.0%, 87.7%, 42.7%

OKLCH

0.5798 0.1799 140.3

Properties

Cool Light Nearest: green 4

Color Harmonies

Complementary

#2F9212

#751292

Analogous

#6F9212

#129235

#2F9212

Triadic

#2F9212

#122F92

#92122F

Split Complementary

#2F9212

#351292

#92126F

Tetradic

#2F9212

#126F92

#751292

#923512

Color Blindness Simulation

Original

#2F9212

Protanopia

#5A5B31

Deuteranopia

#544D38

Tritanopia

#34494F

Achromatopsia

#747474

CSS Usage

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

Tailwind Shades

50
#F5FCF2
100
#E7F9E1
200
#CCF7BF
300
#A8F292
400
#78EA57
500
#49E31C
600
#3BB616
700
#2F9112
800
#25710E
900
#1E520E
950
#133409

Contrast Checker

Text on white

4.01:1

AA Fail AAA Fail

Text on black

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