#2BDD22

#2BDD22

Color Values

HEX

#2BDD22

RGB

43, 221, 34

HSL

117.1, 73.3%, 50.0%

HSV

117.1, 84.6%, 86.7%

CMYK

80.5%, 0.0%, 84.6%, 13.3%

OKLCH

0.7819 0.2532 142.3

Properties

Cool Light Nearest: green 3

Color Harmonies

Complementary

#2BDD22

#D422DD

Analogous

#89DD22

#22DD76

#2BDD22

Triadic

#2BDD22

#222BDD

#DD222B

Split Complementary

#2BDD22

#7622DD

#DD2289

Tetradic

#2BDD22

#2289DD

#D422DD

#DD7622

Color Blindness Simulation

Original

#2BDD22

Protanopia

#787A4F

Deuteranopia

#6E605A

Tritanopia

#34737B

Achromatopsia

#AAAAAA

CSS Usage

background-color: #2BDD22;
color: #2BDD22;
border-color: #2BDD22;
Nearest Tailwind: Lime 500 #84CC16

Tailwind Shades

50
#F3FCF3
100
#E3F8E2
200
#C4F5C1
300
#99EF95
400
#62E65B
500
#2BDD22
600
#22B11B
700
#1C8D16
800
#166E11
900
#145010
950
#0C330A

Contrast Checker

Text on white

1.83:1

AA Fail AAA Fail

Text on black

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