#3BC4C2

#3BC4C2

Color Values

HEX

#3BC4C2

RGB

59, 196, 194

HSL

179.1, 53.7%, 50.0%

HSV

179.1, 69.9%, 76.9%

CMYK

69.9%, 0.0%, 1.0%, 23.1%

OKLCH

0.7489 0.114 193.6

Properties

Cool Light Nearest: mediumturquoise

Color Harmonies

Complementary

#3BC4C2

#C43B3D

Analogous

#3BC47D

#3B82C4

#3BC4C2

Triadic

#3BC4C2

#C23BC4

#C4C23B

Split Complementary

#3BC4C2

#C43B82

#C47D3B

Tetradic

#3BC4C2

#7D3BC4

#C43B3D

#82C43B

Color Blindness Simulation

Original

#3BC4C2

Protanopia

#7678C2

Deuteranopia

#6E64C3

Tritanopia

#42C3C3

Achromatopsia

#A7A7A7

CSS Usage

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

Tailwind Shades

50
#F4FBFB
100
#E5F5F5
200
#C8EEEE
300
#A1E3E2
400
#6ED3D2
500
#3BC4C2
600
#2F9D9B
700
#267D7C
800
#1E6261
900
#194847
950
#102D2D

Contrast Checker

Text on white

2.13:1

AA Fail AAA Fail

Text on black

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