#28A445

#28A445

Color Values

HEX

#28A445

RGB

40, 164, 69

HSL

134.0, 60.8%, 40.0%

HSV

134.0, 75.6%, 64.3%

CMYK

75.6%, 0.0%, 57.9%, 35.7%

OKLCH

0.632 0.1713 146.9

Properties

Cool Light Nearest: NCS S 1070-G Pure Green

Color Harmonies

Complementary

#28A445

#A42887

Analogous

#49A428

#28A483

#28A445

Triadic

#28A445

#4528A4

#A44528

Split Complementary

#28A445

#8328A4

#A42849

Tetradic

#28A445

#2849A4

#A42887

#A48328

Color Blindness Simulation

Original

#28A445

Protanopia

#5E5F5C

Deuteranopia

#564D62

Tritanopia

#2E6E72

Achromatopsia

#838383

CSS Usage

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

Tailwind Shades

50
#F3FBF5
100
#E4F6E8
200
#C6F1D0
300
#9DE7AE
400
#67DA82
500
#32CD56
600
#28A445
700
#208337
800
#19672B
900
#164B22
950
#0E2F16

Contrast Checker

Text on white

3.24:1

AA Fail AAA Fail

Text on black

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