#2B9891

#2B9891

Color Values

HEX

#2B9891

RGB

43, 152, 145

HSL

176.1, 55.9%, 38.2%

HSV

176.1, 71.7%, 59.6%

CMYK

71.7%, 0.0%, 4.6%, 40.4%

OKLCH

0.6184 0.0957 188.7

Properties

Cool Light Nearest: darkcyan

Color Harmonies

Complementary

#2B9891

#982B32

Analogous

#2B985A

#2B6898

#2B9891

Triadic

#2B9891

#912B98

#98912B

Split Complementary

#2B9891

#982B68

#985A2B

Tetradic

#2B9891

#5A2B98

#982B32

#68982B

Color Blindness Simulation

Original

#2B9891

Protanopia

#5A5B93

Deuteranopia

#544C93

Tritanopia

#309494

Achromatopsia

#808080

CSS Usage

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

Tailwind Shades

50
#F4FBFB
100
#E5F6F5
200
#C7EFED
300
#A0E4E0
400
#6CD5CF
500
#38C7BE
600
#2D9F98
700
#247F79
800
#1C635F
900
#184946
950
#0F2E2C

Contrast Checker

Text on white

3.5:1

AA Fail AAA Fail

Text on black

6.0:1

AA Pass AAA Fail

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