#3BC4BC

#3BC4BC

Color Values

HEX

#3BC4BC

RGB

59, 196, 188

HSL

176.5, 53.7%, 50.0%

HSV

176.5, 69.9%, 76.9%

CMYK

69.9%, 0.0%, 4.1%, 23.1%

OKLCH

0.7469 0.1149 189.3

Properties

Cool Light Nearest: mediumturquoise

Color Harmonies

Complementary

#3BC4BC

#C43B43

Analogous

#3BC478

#3B87C4

#3BC4BC

Triadic

#3BC4BC

#BC3BC4

#C4BC3B

Split Complementary

#3BC4BC

#C43B87

#C4783B

Tetradic

#3BC4BC

#783BC4

#C43B43

#87C43B

Color Blindness Simulation

Original

#3BC4BC

Protanopia

#7678BE

Deuteranopia

#6E64BE

Tritanopia

#42BFC0

Achromatopsia

#A6A6A6

CSS Usage

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

Tailwind Shades

50
#F4FBFA
100
#E5F5F4
200
#C8EEEC
300
#A1E3DF
400
#6ED3CD
500
#3BC4BC
600
#2F9D96
700
#267D78
800
#1E625E
900
#194845
950
#102D2C

Contrast Checker

Text on white

2.14:1

AA Fail AAA Fail

Text on black

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