#2BD499

#2BD499

Color Values

HEX

#2BD499

RGB

43, 212, 153

HSL

159.1, 66.3%, 50.0%

HSV

159.1, 79.7%, 83.1%

CMYK

79.7%, 0.0%, 27.8%, 16.9%

OKLCH

0.774 0.1572 163.4

Properties

Cool Light Nearest: Caribbean Green

Color Harmonies

Complementary

#2BD499

#D42B66

Analogous

#2BD445

#2BBAD4

#2BD499

Triadic

#2BD499

#992BD4

#D4992B

Split Complementary

#2BD499

#D42BBA

#D4452B

Tetradic

#2BD499

#452BD4

#D42B66

#BAD42B

Color Blindness Simulation

Original

#2BD499

Protanopia

#7476A7

Deuteranopia

#6A5EAB

Tritanopia

#33B3B5

Achromatopsia

#ACACAC

CSS Usage

background-color: #2BD499;
color: #2BD499;
border-color: #2BD499;
Nearest Tailwind: Emerald 400 #34D399

Tailwind Shades

50
#F3FCF9
100
#E3F7F0
200
#C4F3E2
300
#99EACE
400
#62DFB4
500
#2BD499
600
#22AA7B
700
#1B8862
800
#156A4D
900
#144D39
950
#0C3124

Contrast Checker

Text on white

1.91:1

AA Fail AAA Fail

Text on black

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