#3BC4B6

#3BC4B6

Color Values

HEX

#3BC4B6

RGB

59, 196, 182

HSL

173.9, 53.7%, 50.0%

HSV

173.9, 69.9%, 76.9%

CMYK

69.9%, 0.0%, 7.1%, 23.1%

OKLCH

0.7449 0.1166 185.1

Properties

Cool Light Nearest: mediumturquoise

Color Harmonies

Complementary

#3BC4B6

#C43B49

Analogous

#3BC472

#3B8DC4

#3BC4B6

Triadic

#3BC4B6

#B63BC4

#C4B63B

Split Complementary

#3BC4B6

#C43B8D

#C4723B

Tetradic

#3BC4B6

#723BC4

#C43B49

#8DC43B

Color Blindness Simulation

Original

#3BC4B6

Protanopia

#7678B9

Deuteranopia

#6E64BA

Tritanopia

#42BCBD

Achromatopsia

#A6A6A6

CSS Usage

background-color: #3BC4B6;
color: #3BC4B6;
border-color: #3BC4B6;
Nearest Tailwind: Teal 500 #14B8A6

Tailwind Shades

50
#F4FBFA
100
#E5F5F4
200
#C8EEEB
300
#A1E3DC
400
#6ED3C9
500
#3BC4B6
600
#2F9D92
700
#267D75
800
#1E625B
900
#194843
950
#102D2A

Contrast Checker

Text on white

2.15:1

AA Fail AAA Fail

Text on black

9.76:1

AA Pass AAA Pass

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