#28A360

#28A360

Color Values

HEX

#28A360

RGB

40, 163, 96

HSL

147.3, 60.6%, 39.8%

HSV

147.3, 75.5%, 63.9%

CMYK

75.5%, 0.0%, 41.1%, 36.1%

OKLCH

0.6337 0.1455 154.1

Properties

Cool Light Nearest: NCS S 1050-B90G Emerald

Color Harmonies

Complementary

#28A360

#A3286B

Analogous

#2EA328

#28A39D

#28A360

Triadic

#28A360

#6028A3

#A36028

Split Complementary

#28A360

#9D28A3

#A3282E

Tetradic

#28A360

#282EA3

#A3286B

#A39D28

Color Blindness Simulation

Original

#28A360

Protanopia

#5D5E70

Deuteranopia

#564D74

Tritanopia

#2E7D80

Achromatopsia

#848484

CSS Usage

background-color: #28A360;
color: #28A360;
border-color: #28A360;
Nearest Tailwind: Emerald 500 #10B981

Tailwind Shades

50
#F3FBF7
100
#E4F6EC
200
#C6F1D9
300
#9DE7BE
400
#67DA9C
500
#32CD79
600
#28A460
700
#20834D
800
#19663C
900
#164B2E
950
#0E2F1D

Contrast Checker

Text on white

3.23:1

AA Fail AAA Fail

Text on black

6.5:1

AA Pass AAA Fail

Related Articles

Brand Stories

Pantone Colors by Decade: The 2000s, 2010s, and 2020s Compared

Feb 01, 2026
Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026