#22B418

#22B418

Color Values

HEX

#22B418

RGB

34, 180, 24

HSL

116.2, 76.5%, 40.0%

HSV

116.2, 86.7%, 70.6%

CMYK

81.1%, 0.0%, 86.7%, 29.4%

OKLCH

0.6708 0.2175 142.2

Properties

Cool Light Nearest: RAL 6038 Luminous Green

Color Harmonies

Complementary

#22B418

#AA18B4

Analogous

#70B418

#18B45C

#22B418

Triadic

#22B418

#1822B4

#B41822

Split Complementary

#22B418

#5C18B4

#B41870

Tetradic

#22B418

#1870B4

#AA18B4

#B45C18

Color Blindness Simulation

Original

#22B418

Protanopia

#61623E

Deuteranopia

#594E47

Tritanopia

#295C62

Achromatopsia

#8A8A8A

CSS Usage

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

Tailwind Shades

50
#F3FCF2
100
#E3F9E2
200
#C3F7C0
300
#99F193
400
#62E958
500
#2AE11E
600
#22B418
700
#1B9013
800
#15710F
900
#13520F
950
#0C340A

Contrast Checker

Text on white

2.76:1

AA Fail AAA Fail

Text on black

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