#3BC4B7

#3BC4B7

Color Values

HEX

#3BC4B7

RGB

59, 196, 183

HSL

174.3, 53.7%, 50.0%

HSV

174.3, 69.9%, 76.9%

CMYK

69.9%, 0.0%, 6.6%, 23.1%

OKLCH

0.7453 0.1163 185.8

Properties

Cool Light Nearest: mediumturquoise

Color Harmonies

Complementary

#3BC4B7

#C43B48

Analogous

#3BC472

#3B8DC4

#3BC4B7

Triadic

#3BC4B7

#B73BC4

#C4B73B

Split Complementary

#3BC4B7

#C43B8D

#C4723B

Tetradic

#3BC4B7

#723BC4

#C43B48

#8DC43B

Color Blindness Simulation

Original

#3BC4B7

Protanopia

#7678BA

Deuteranopia

#6E64BB

Tritanopia

#42BDBD

Achromatopsia

#A6A6A6

CSS Usage

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

Tailwind Shades

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

Contrast Checker

Text on white

2.15:1

AA Fail AAA Fail

Text on black

9.77: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