#2D9D28

#2D9D28

Color Values

HEX

#2D9D28

RGB

45, 157, 40

HSL

117.4, 59.4%, 38.6%

HSV

117.4, 74.5%, 61.6%

CMYK

71.3%, 0.0%, 74.5%, 38.4%

OKLCH

0.611 0.1826 142.4

Properties

Cool Light Nearest: green 4

Color Harmonies

Complementary

#2D9D28

#98289D

Analogous

#679D28

#289D5D

#2D9D28

Triadic

#2D9D28

#282D9D

#9D282D

Split Complementary

#2D9D28

#5D289D

#9D2867

Tetradic

#2D9D28

#28679D

#98289D

#9D5D28

Color Blindness Simulation

Original

#2D9D28

Protanopia

#5E5E44

Deuteranopia

#574F4B

Tritanopia

#335B60

Achromatopsia

#7D7D7D

CSS Usage

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

Tailwind Shades

50
#F4FBF3
100
#E5F6E4
200
#C8F1C6
300
#A1E69D
400
#6DD969
500
#3ACB34
600
#2FA329
700
#258221
800
#1D661A
900
#194A17
950
#102F0E

Contrast Checker

Text on white

3.52:1

AA Fail AAA Fail

Text on black

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