#2F9F22

#2F9F22

Color Values

HEX

#2F9F22

RGB

47, 159, 34

HSL

113.8, 64.8%, 37.8%

HSV

113.8, 78.6%, 62.4%

CMYK

70.4%, 0.0%, 78.6%, 37.6%

OKLCH

0.6166 0.1876 141.7

Properties

Cool Light Nearest: green 4

Color Harmonies

Complementary

#2F9F22

#92229F

Analogous

#6D9F22

#229F53

#2F9F22

Triadic

#2F9F22

#222F9F

#9F222F

Split Complementary

#2F9F22

#53229F

#9F226D

Tetradic

#2F9F22

#226D9F

#92229F

#9F5322

Color Blindness Simulation

Original

#2F9F22

Protanopia

#606040

Deuteranopia

#595148

Tritanopia

#35585D

Achromatopsia

#7E7E7E

CSS Usage

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

Tailwind Shades

50
#F4FCF3
100
#E5F7E3
200
#C9F2C4
300
#A2E99A
400
#70DE64
500
#3ED22D
600
#32A824
700
#28861D
800
#1F6916
900
#1A4D14
950
#10300D

Contrast Checker

Text on white

3.44:1

AA Fail AAA Fail

Text on black

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