#22C628

#22C628

Color Values

HEX

#22C628

RGB

34, 198, 40

HSL

122.2, 70.7%, 45.5%

HSV

122.2, 82.8%, 77.6%

CMYK

82.8%, 0.0%, 79.8%, 22.4%

OKLCH

0.7201 0.2297 143.0

Properties

Cool Light Nearest: limegreen

Color Harmonies

Complementary

#22C628

#C622C0

Analogous

#6EC622

#22C67A

#22C628

Triadic

#22C628

#2822C6

#C62822

Split Complementary

#22C628

#7A22C6

#C6226E

Tetradic

#22C628

#226EC6

#C622C0

#C67A22

Color Blindness Simulation

Original

#22C628

Protanopia

#696A4E

Deuteranopia

#605357

Tritanopia

#2A6C73

Achromatopsia

#989898

CSS Usage

background-color: #22C628;
color: #22C628;
border-color: #22C628;
Nearest Tailwind: Green 500 #22C55E

Tailwind Shades

50
#F3FCF3
100
#E2F8E3
200
#C2F5C4
300
#97ED9A
400
#5EE363
500
#25DA2C
600
#1EAE23
700
#188B1C
800
#136D16
900
#124F14
950
#0B320D

Contrast Checker

Text on white

2.29:1

AA Fail AAA Fail

Text on black

9.18:1

AA Pass AAA Pass

Related Articles

Color Questions

What Is Pantone? The Universal Color Language

Feb 20, 2026
Color Questions

What Is Metamerism? Why Colors Look Different Under Different Lights

Feb 20, 2026
Color Questions

What Is Luminance? Brightness in Color Science

Feb 20, 2026