#3BC4B0

#3BC4B0

Color Values

HEX

#3BC4B0

RGB

59, 196, 176

HSL

171.2, 53.7%, 50.0%

HSV

171.2, 69.9%, 76.9%

CMYK

69.9%, 0.0%, 10.2%, 23.1%

OKLCH

0.7431 0.1189 181.0

Properties

Cool Light Nearest: lightseagreen

Color Harmonies

Complementary

#3BC4B0

#C43B4F

Analogous

#3BC46B

#3B94C4

#3BC4B0

Triadic

#3BC4B0

#B03BC4

#C4B03B

Split Complementary

#3BC4B0

#C43B94

#C46B3B

Tetradic

#3BC4B0

#6B3BC4

#C43B4F

#94C43B

Color Blindness Simulation

Original

#3BC4B0

Protanopia

#7678B5

Deuteranopia

#6E64B6

Tritanopia

#42B9BA

Achromatopsia

#A5A5A5

CSS Usage

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

Tailwind Shades

50
#F4FBFA
100
#E5F5F3
200
#C8EEE9
300
#A1E3D9
400
#6ED3C4
500
#3BC4B0
600
#2F9D8D
700
#267D71
800
#1E6258
900
#194841
950
#102D29

Contrast Checker

Text on white

2.16:1

AA Fail AAA Fail

Text on black

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