#3BA6AA

#3BA6AA

Color Values

HEX

#3BA6AA

RGB

59, 166, 170

HSL

182.2, 48.5%, 44.9%

HSV

182.2, 65.3%, 66.7%

CMYK

65.3%, 2.4%, 0.0%, 33.3%

OKLCH

0.6667 0.0956 198.7

Properties

Cool Light Nearest: Teal Blue

Color Harmonies

Complementary

#3BA6AA

#AA3F3B

Analogous

#3BAA77

#3B6EAA

#3BA6AA

Triadic

#3BA6AA

#AA3BA6

#A6AA3B

Split Complementary

#3BA6AA

#AA3B6E

#AA773B

Tetradic

#3BA6AA

#773BAA

#AA3F3B

#6EAA3B

Color Blindness Simulation

Original

#3BA6AA

Protanopia

#696AA9

Deuteranopia

#635BA9

Tritanopia

#40A8A8

Achromatopsia

#909090

CSS Usage

background-color: #3BA6AA;
color: #3BA6AA;
border-color: #3BA6AA;
Nearest Tailwind: Teal 600 #0D9488

Tailwind Shades

50
#F4FAFB
100
#E6F4F5
200
#CAEBED
300
#A4DDDF
400
#73CBCE
500
#42B9BD
600
#359497
700
#2A7679
800
#215C5F
900
#1B4446
950
#112B2C

Contrast Checker

Text on white

2.91:1

AA Fail AAA Fail

Text on black

7.22:1

AA Pass AAA Pass

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