#22C804

#22C804

Color Values

HEX

#22C804

RGB

34, 200, 4

HSL

110.8, 96.1%, 40.0%

HSV

110.8, 98.0%, 78.4%

CMYK

83.0%, 0.0%, 98.0%, 21.6%

OKLCH

0.7243 0.2413 141.8

Properties

Cool Light Nearest: green 3

Color Harmonies

Complementary

#22C804

#AA04C8

Analogous

#84C804

#04C848

#22C804

Triadic

#22C804

#0422C8

#C80422

Split Complementary

#22C804

#4804C8

#C80484

Tetradic

#22C804

#0484C8

#AA04C8

#C84804

Color Blindness Simulation

Original

#22C804

Protanopia

#6A6B33

Deuteranopia

#60543F

Tritanopia

#2A5961

Achromatopsia

#979797

CSS Usage

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

Tailwind Shades

50
#F3FEF1
100
#E3FCDF
200
#C4FEB9
300
#99FD87
400
#62FB46
500
#2BFA05
600
#22C804
700
#1BA003
800
#157D02
900
#135A07
950
#0C3904

Contrast Checker

Text on white

2.25:1

AA Fail AAA Fail

Text on black

9.33:1

AA Pass AAA Pass

Related Articles

Color Questions

What Is Pantone? The Universal Color Language

ก.พ. 20, 2026
Color Questions

What Is Metamerism? Why Colors Look Different Under Different Lights

ก.พ. 20, 2026
Color Questions

What Is Luminance? Brightness in Color Science

ก.พ. 20, 2026