#22DD22

#22DD22

Color Values

HEX

#22DD22

RGB

34, 221, 34

HSL

120.0, 73.3%, 50.0%

HSV

120.0, 84.6%, 86.7%

CMYK

84.6%, 0.0%, 84.6%, 13.3%

OKLCH

0.7808 0.2548 142.6

Properties

Cool Light Nearest: green 3

Color Harmonies

Complementary

#22DD22

#DD22DD

Analogous

#80DD22

#22DD80

#22DD22

Triadic

#22DD22

#2222DD

#DD2222

Split Complementary

#22DD22

#8022DD

#DD2280

Tetradic

#22DD22

#2280DD

#DD22DD

#DD8022

Color Blindness Simulation

Original

#22DD22

Protanopia

#73754F

Deuteranopia

#685A5A

Tritanopia

#2B737B

Achromatopsia

#A8A8A8

CSS Usage

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

Tailwind Shades

50
#F3FCF3
100
#E2F8E2
200
#C1F5C1
300
#95EF95
400
#5BE65B
500
#22DD22
600
#1BB11B
700
#168D16
800
#116E11
900
#105010
950
#0A330A

Contrast Checker

Text on white

1.84:1

AA Fail AAA Fail

Text on black

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