#22D52F

#22D52F

Color Values

HEX

#22D52F

RGB

34, 213, 47

HSL

124.4, 72.5%, 48.4%

HSV

124.4, 84.0%, 83.5%

CMYK

84.0%, 0.0%, 77.9%, 16.5%

OKLCH

0.7603 0.2417 143.3

Properties

Cool Light Nearest: limegreen

Color Harmonies

Complementary

#22D52F

#D522C8

Analogous

#6ED522

#22D589

#22D52F

Triadic

#22D52F

#2F22D5

#D52F22

Split Complementary

#22D52F

#8922D5

#D5226E

Tetradic

#22D52F

#226ED5

#D522C8

#D58922

Color Blindness Simulation

Original

#22D52F

Protanopia

#707157

Deuteranopia

#655861

Tritanopia

#2B777E

Achromatopsia

#A3A3A3

CSS Usage

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

Tailwind Shades

50
#F3FCF3
100
#E2F8E4
200
#C1F5C5
300
#95EE9C
400
#5CE566
500
#23DC31
600
#1CB027
700
#168D1F
800
#126E18
900
#115015
950
#0B330E

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