#2D9F22

#2D9F22

Color Values

HEX

#2D9F22

RGB

45, 159, 34

HSL

114.7, 64.8%, 37.8%

HSV

114.7, 78.6%, 62.4%

CMYK

71.7%, 0.0%, 78.6%, 37.6%

OKLCH

0.6161 0.1882 141.9

Properties

Cool Light Nearest: green 4

Color Harmonies

Complementary

#2D9F22

#94229F

Analogous

#6B9F22

#229F55

#2D9F22

Triadic

#2D9F22

#222D9F

#9F222D

Split Complementary

#2D9F22

#55229F

#9F226B

Tetradic

#2D9F22

#226B9F

#94229F

#9F5522

Color Blindness Simulation

Original

#2D9F22

Protanopia

#5E5F40

Deuteranopia

#584F48

Tritanopia

#33585D

Achromatopsia

#7E7E7E

CSS Usage

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

Tailwind Shades

50
#F4FCF3
100
#E5F7E3
200
#C8F2C4
300
#A1E99A
400
#6EDE64
500
#3BD22D
600
#30A824
700
#26861D
800
#1E6916
900
#194D14
950
#10300D

Contrast Checker

Text on white

3.45:1

AA Fail AAA Fail

Text on black

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