#2BA189

#2BA189

Color Values

HEX

#2BA189

RGB

43, 161, 137

HSL

167.8, 57.8%, 40.0%

HSV

167.8, 73.3%, 63.1%

CMYK

73.3%, 0.0%, 14.9%, 36.9%

OKLCH

0.6391 0.1081 175.7

Properties

Cool Light Nearest: Illuminating Emerald

Color Harmonies

Complementary

#2BA189

#A12B43

Analogous

#2BA14E

#2B7EA1

#2BA189

Triadic

#2BA189

#892BA1

#A1892B

Split Complementary

#2BA189

#A12B7E

#A14E2B

Tetradic

#2BA189

#4E2BA1

#A12B43

#7EA12B

Color Blindness Simulation

Original

#2BA189

Protanopia

#5E5F8F

Deuteranopia

#574E90

Tritanopia

#319394

Achromatopsia

#868686

CSS Usage

background-color: #2BA189;
color: #2BA189;
border-color: #2BA189;
Nearest Tailwind: Teal 600 #0D9488

Tailwind Shades

50
#F4FBFA
100
#E4F6F2
200
#C7F0E8
300
#9EE5D7
400
#6AD7C1
500
#36C9AB
600
#2BA189
700
#22816E
800
#1B6556
900
#174A3F
950
#0F2F28

Contrast Checker

Text on white

3.2:1

AA Fail AAA Fail

Text on black

6.56:1

AA Pass AAA Fail

Related Articles

Color Questions

What Is Pantone? The Universal Color Language

Feb 20, 2026
Color Questions

What Is Metamerism? Why Colors Look Different Under Different Lights

Feb 20, 2026
Color Questions

What Is Luminance? Brightness in Color Science

Feb 20, 2026