#22DD40

#22DD40

Color Values

HEX

#22DD40

RGB

34, 221, 64

HSL

129.6, 73.3%, 50.0%

HSV

129.6, 84.6%, 86.7%

CMYK

84.6%, 0.0%, 71.0%, 13.3%

OKLCH

0.7825 0.241 144.5

Properties

Cool Light Nearest: limegreen

Color Harmonies

Complementary

#22DD40

#DD22BF

Analogous

#62DD22

#22DD9D

#22DD40

Triadic

#22DD40

#4022DD

#DD4022

Split Complementary

#22DD40

#9D22DD

#DD2262

Tetradic

#22DD40

#2262DD

#DD22BF

#DD9D22

Color Blindness Simulation

Original

#22DD40

Protanopia

#737566

Deuteranopia

#685A6F

Tritanopia

#2B848B

Achromatopsia

#AAAAAA

CSS Usage

background-color: #22DD40;
color: #22DD40;
border-color: #22DD40;
Nearest Tailwind: Green 500 #22C55E

Tailwind Shades

50
#F3FCF4
100
#E2F8E6
200
#C1F5CA
300
#95EFA3
400
#5BE672
500
#22DD40
600
#1BB133
700
#168D29
800
#116E20
900
#10501B
950
#0A3311

Contrast Checker

Text on white

1.83:1

AA Fail AAA Fail

Text on black

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