#2D8B2F

#2D8B2F

Color Values

HEX

#2D8B2F

RGB

45, 139, 47

HSL

121.3, 51.1%, 36.1%

HSV

121.3, 67.6%, 54.5%

CMYK

67.6%, 0.0%, 66.2%, 45.5%

OKLCH

0.5618 0.1561 143.4

Properties

Cool Light Nearest: forestgreen

Color Harmonies

Complementary

#2D8B2F

#8B2D89

Analogous

#5A8B2D

#2D8B5E

#2D8B2F

Triadic

#2D8B2F

#2F2D8B

#8B2F2D

Split Complementary

#2D8B2F

#5E2D8B

#8B2D5A

Tetradic

#2D8B2F

#2D5A8B

#8B2D89

#8B5E2D

Color Blindness Simulation

Original

#2D8B2F

Protanopia

#565745

Deuteranopia

#50494B

Tritanopia

#32575B

Achromatopsia

#707070

CSS Usage

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

Tailwind Shades

50
#F4FBF4
100
#E5F5E6
200
#C9EECA
300
#A3E1A4
400
#70D173
500
#3EC141
600
#329A34
700
#287B2A
800
#1F6021
900
#1A471B
950
#112D11

Contrast Checker

Text on white

4.33:1

AA Fail AAA Fail

Text on black

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