#2B8985

#2B8985

Color Values

HEX

#2B8985

RGB

43, 137, 133

HSL

177.4, 52.2%, 35.3%

HSV

177.4, 68.6%, 53.7%

CMYK

68.6%, 0.0%, 2.9%, 46.3%

OKLCH

0.5754 0.0858 190.9

Properties

Cool Light Nearest: darkcyan

Color Harmonies

Complementary

#2B8985

#892B2F

Analogous

#2B8956

#2B5E89

#2B8985

Triadic

#2B8985

#852B89

#89852B

Split Complementary

#2B8985

#892B5E

#89562B

Tetradic

#2B8985

#562B89

#892B2F

#5E892B

Color Blindness Simulation

Original

#2B8985

Protanopia

#545586

Deuteranopia

#4E4786

Tritanopia

#308787

Achromatopsia

#757575

CSS Usage

background-color: #2B8985;
color: #2B8985;
border-color: #2B8985;
Nearest Tailwind: Teal 700 #0F766E

Tailwind Shades

50
#F4FBFA
100
#E5F5F4
200
#C9EEEC
300
#A2E2DF
400
#6FD2CE
500
#3DC2BC
600
#319B97
700
#277C79
800
#1E615E
900
#1A4745
950
#102D2C

Contrast Checker

Text on white

4.18:1

AA Fail AAA Fail

Text on black

5.02:1

AA Pass AAA Fail

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