#2BD46D

#2BD46D

Color Values

HEX

#2BD46D

RGB

43, 212, 109

HSL

143.4, 66.3%, 50.0%

HSV

143.4, 79.7%, 83.1%

CMYK

79.7%, 0.0%, 48.6%, 16.9%

OKLCH

0.7654 0.1954 150.7

Properties

Cool Light Nearest: springgreen 3

Color Harmonies

Complementary

#2BD46D

#D42B92

Analogous

#3ED42B

#2BD4C1

#2BD46D

Triadic

#2BD46D

#6D2BD4

#D46D2B

Split Complementary

#2BD46D

#C12BD4

#D42B3E

Tetradic

#2BD46D

#2B3ED4

#D42B92

#D4C12B

Color Blindness Simulation

Original

#2BD46D

Protanopia

#747686

Deuteranopia

#6A5E8C

Tritanopia

#339A9E

Achromatopsia

#A9A9A9

CSS Usage

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

Tailwind Shades

50
#F3FCF6
100
#E3F7EB
200
#C4F3D6
300
#99EAB9
400
#62DF93
500
#2BD46D
600
#22AA57
700
#1B8846
800
#156A36
900
#144D2A
950
#0C311B

Contrast Checker

Text on white

1.96:1

AA Fail AAA Fail

Text on black

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