#3BC4B2

#3BC4B2

Color Values

HEX

#3BC4B2

RGB

59, 196, 178

HSL

172.1, 53.7%, 50.0%

HSV

172.1, 69.9%, 76.9%

CMYK

69.9%, 0.0%, 9.2%, 23.1%

OKLCH

0.7437 0.118 182.4

Properties

Cool Light Nearest: lightseagreen

Color Harmonies

Complementary

#3BC4B2

#C43B4D

Analogous

#3BC46D

#3B92C4

#3BC4B2

Triadic

#3BC4B2

#B23BC4

#C4B23B

Split Complementary

#3BC4B2

#C43B92

#C46D3B

Tetradic

#3BC4B2

#6D3BC4

#C43B4D

#92C43B

Color Blindness Simulation

Original

#3BC4B2

Protanopia

#7678B6

Deuteranopia

#6E64B7

Tritanopia

#42BABB

Achromatopsia

#A6A6A6

CSS Usage

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

Tailwind Shades

50
#F4FBFA
100
#E5F5F3
200
#C8EEE9
300
#A1E3DA
400
#6ED3C6
500
#3BC4B2
600
#2F9D8E
700
#267D72
800
#1E6259
900
#194842
950
#102D29

Contrast Checker

Text on white

2.16:1

AA Fail AAA Fail

Text on black

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