#28AD45

#28AD45

Color Values

HEX

#28AD45

RGB

40, 173, 69

HSL

133.1, 62.4%, 41.8%

HSV

133.1, 76.9%, 67.8%

CMYK

76.9%, 0.0%, 60.1%, 32.2%

OKLCH

0.6564 0.1824 146.4

Properties

Cool Light Nearest: NCS S 1070-G Pure Green

Color Harmonies

Complementary

#28AD45

#AD2890

Analogous

#4EAD28

#28AD88

#28AD45

Triadic

#28AD45

#4528AD

#AD4528

Split Complementary

#28AD45

#8828AD

#AD284E

Tetradic

#28AD45

#284EAD

#AD2890

#AD8828

Color Blindness Simulation

Original

#28AD45

Protanopia

#62635E

Deuteranopia

#5A5064

Tritanopia

#2F7276

Achromatopsia

#898989

CSS Usage

background-color: #28AD45;
color: #28AD45;
border-color: #28AD45;
Nearest Tailwind: Green 600 #16A34A

Tailwind Shades

50
#F3FBF5
100
#E4F7E8
200
#C5F2CF
300
#9CE8AC
400
#66DC7F
500
#30CF53
600
#26A642
700
#1F8535
800
#186829
900
#154C21
950
#0D3015

Contrast Checker

Text on white

2.94:1

AA Fail AAA Fail

Text on black

7.15:1

AA Pass AAA Pass

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