#2BD479

#2BD479

Color Values

HEX

#2BD479

RGB

43, 212, 121

HSL

147.7, 66.3%, 50.0%

HSV

147.7, 79.7%, 83.1%

CMYK

79.7%, 0.0%, 42.9%, 16.9%

OKLCH

0.7674 0.1848 153.4

Properties

Cool Light Nearest: springgreen 3

Color Harmonies

Complementary

#2BD479

#D42B86

Analogous

#31D42B

#2BD4CE

#2BD479

Triadic

#2BD479

#792BD4

#D4792B

Split Complementary

#2BD479

#CE2BD4

#D42B31

Tetradic

#2BD479

#2B31D4

#D42B86

#D4CE2B

Color Blindness Simulation

Original

#2BD479

Protanopia

#74768F

Deuteranopia

#6A5E94

Tritanopia

#33A0A4

Achromatopsia

#AAAAAA

CSS Usage

background-color: #2BD479;
color: #2BD479;
border-color: #2BD479;
Nearest Tailwind: Green 400 #4ADE80

Tailwind Shades

50
#F3FCF7
100
#E3F7EC
200
#C4F3D9
300
#99EABF
400
#62DF9C
500
#2BD479
600
#22AA61
700
#1B884D
800
#156A3D
900
#144D2E
950
#0C311D

Contrast Checker

Text on white

1.95:1

AA Fail AAA Fail

Text on black

10.8:1

AA Pass AAA Pass

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

Jan 18, 2026