#22D52E

#22D52E

Color Values

HEX

#22D52E

RGB

34, 213, 46

HSL

124.0, 72.5%, 48.4%

HSV

124.0, 84.0%, 83.5%

CMYK

84.0%, 0.0%, 78.4%, 16.5%

OKLCH

0.7603 0.2422 143.3

Properties

Cool Light Nearest: limegreen

Color Harmonies

Complementary

#22D52E

#D522C9

Analogous

#6FD522

#22D587

#22D52E

Triadic

#22D52E

#2E22D5

#D52E22

Split Complementary

#22D52E

#8722D5

#D5226F

Tetradic

#22D52E

#226FD5

#D522C9

#D58722

Color Blindness Simulation

Original

#22D52E

Protanopia

#707156

Deuteranopia

#655860

Tritanopia

#2B767D

Achromatopsia

#A3A3A3

CSS Usage

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

Tailwind Shades

50
#F3FCF3
100
#E2F8E4
200
#C1F5C5
300
#95EE9B
400
#5CE565
500
#23DC2F
600
#1CB026
700
#168D1E
800
#126E18
900
#115015
950
#0B330D

Contrast Checker

Text on white

1.98:1

AA Fail AAA Fail

Text on black

10.63:1

AA Pass AAA Pass

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

Feb 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

Feb 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

Feb 19, 2026