#2B7D86

#2B7D86

Color Values

HEX

#2B7D86

RGB

43, 125, 134

HSL

185.9, 51.4%, 34.7%

HSV

185.9, 67.9%, 52.5%

CMYK

67.9%, 6.7%, 0.0%, 47.5%

OKLCH

0.5447 0.0783 205.5

Properties

Cool Dark Nearest: RAL 5018 Turquoise Blue

Color Harmonies

Complementary

#2B7D86

#86342B

Analogous

#2B8661

#2B5086

#2B7D86

Triadic

#2B7D86

#862B7D

#7D862B

Split Complementary

#2B7D86

#862B50

#86612B

Tetradic

#2B7D86

#612B86

#86342B

#50862B

Color Blindness Simulation

Original

#2B7D86

Protanopia

#4F4F84

Deuteranopia

#4A4483

Tritanopia

#2F8282

Achromatopsia

#6C6C6C

CSS Usage

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

Tailwind Shades

50
#F4FAFB
100
#E5F3F5
200
#C9EAEE
300
#A2DBE1
400
#70C8D1
500
#3EB4C1
600
#32909A
700
#28737C
800
#1F5A61
900
#1A4247
950
#102A2D

Contrast Checker

Text on white

4.79:1

AA Pass AAA Fail

Text on black

4.38:1

AA Fail AAA Fail

Related Articles

Brand Stories

Pantone Colors by Decade: The 2000s, 2010s, and 2020s Compared

Feb 01, 2026
Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026