#28AD46

#28AD46

Color Values

HEX

#28AD46

RGB

40, 173, 70

HSL

133.5, 62.4%, 41.8%

HSV

133.5, 76.9%, 67.8%

CMYK

76.9%, 0.0%, 59.5%, 32.2%

OKLCH

0.6565 0.1816 146.6

Properties

Cool Light Nearest: NCS S 1070-G Pure Green

Color Harmonies

Complementary

#28AD46

#AD288F

Analogous

#4DAD28

#28AD89

#28AD46

Triadic

#28AD46

#4628AD

#AD4628

Split Complementary

#28AD46

#8928AD

#AD284D

Tetradic

#28AD46

#284DAD

#AD288F

#AD8928

Color Blindness Simulation

Original

#28AD46

Protanopia

#62635F

Deuteranopia

#5A5065

Tritanopia

#2F7377

Achromatopsia

#898989

CSS Usage

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

Tailwind Shades

50
#F3FBF5
100
#E4F7E8
200
#C5F2CF
300
#9CE8AD
400
#66DC80
500
#30CF54
600
#26A643
700
#1F8536
800
#18682A
900
#154C21
950
#0D3015

Contrast Checker

Text on white

2.93:1

AA Fail AAA Fail

Text on black

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