#28DD22

#28DD22

Color Values

HEX

#28DD22

RGB

40, 221, 34

HSL

118.1, 73.3%, 50.0%

HSV

118.1, 84.6%, 86.7%

CMYK

81.9%, 0.0%, 84.6%, 13.3%

OKLCH

0.7815 0.2537 142.4

Properties

Cool Light Nearest: green 3

Color Harmonies

Complementary

#28DD22

#D722DD

Analogous

#85DD22

#22DD7A

#28DD22

Triadic

#28DD22

#2228DD

#DD2228

Split Complementary

#28DD22

#7A22DD

#DD2285

Tetradic

#28DD22

#2285DD

#D722DD

#DD7A22

Color Blindness Simulation

Original

#28DD22

Protanopia

#76784F

Deuteranopia

#6C5E5A

Tritanopia

#31737B

Achromatopsia

#A9A9A9

CSS Usage

background-color: #28DD22;
color: #28DD22;
border-color: #28DD22;
Nearest Tailwind: Lime 500 #84CC16

Tailwind Shades

50
#F3FCF3
100
#E3F8E2
200
#C3F5C1
300
#98EF95
400
#60E65B
500
#28DD22
600
#20B11B
700
#1A8D16
800
#146E11
900
#135010
950
#0C330A

Contrast Checker

Text on white

1.83:1

AA Fail AAA Fail

Text on black

11.46:1

AA Pass AAA Pass

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