#3BC4BE

#3BC4BE

Color Values

HEX

#3BC4BE

RGB

59, 196, 190

HSL

177.4, 53.7%, 50.0%

HSV

177.4, 69.9%, 76.9%

CMYK

69.9%, 0.0%, 3.1%, 23.1%

OKLCH

0.7475 0.1145 190.7

Properties

Cool Light Nearest: mediumturquoise

Color Harmonies

Complementary

#3BC4BE

#C43B41

Analogous

#3BC47A

#3B85C4

#3BC4BE

Triadic

#3BC4BE

#BE3BC4

#C4BE3B

Split Complementary

#3BC4BE

#C43B85

#C47A3B

Tetradic

#3BC4BE

#7A3BC4

#C43B41

#85C43B

Color Blindness Simulation

Original

#3BC4BE

Protanopia

#7678BF

Deuteranopia

#6E64C0

Tritanopia

#42C1C1

Achromatopsia

#A6A6A6

CSS Usage

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

Tailwind Shades

50
#F4FBFB
100
#E5F5F5
200
#C8EEED
300
#A1E3E0
400
#6ED3CF
500
#3BC4BE
600
#2F9D98
700
#267D7A
800
#1E625F
900
#194846
950
#102D2C

Contrast Checker

Text on white

2.14:1

AA Fail AAA Fail

Text on black

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