#22F022

#22F022

Color Values

HEX

#22F022

RGB

34, 240, 34

HSL

120.0, 87.3%, 53.7%

HSV

120.0, 85.8%, 94.1%

CMYK

85.8%, 0.0%, 85.8%, 5.9%

OKLCH

0.8303 0.2729 142.6

Properties

Cool Light Nearest: green 2

Color Harmonies

Complementary

#22F022

#F022F0

Analogous

#89F022

#22F089

#22F022

Triadic

#22F022

#2222F0

#F02222

Split Complementary

#22F022

#8922F0

#F02289

Tetradic

#22F022

#2289F0

#F022F0

#F08922

Color Blindness Simulation

Original

#22F022

Protanopia

#7B7D54

Deuteranopia

#6F6060

Tritanopia

#2C7B84

Achromatopsia

#B5B5B5

CSS Usage

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

Tailwind Shades

50
#F2FDF2
100
#E0FAE0
200
#BCFABC
300
#8CF78C
400
#4EF34E
500
#10EF10
600
#0DBF0D
700
#0A990A
800
#087708
900
#0A570A
950
#073707

Contrast Checker

Text on white

1.55:1

AA Fail AAA Fail

Text on black

13.56:1

AA Pass AAA Pass

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

Jan 18, 2026