#3BC4A4

#3BC4A4

Color Values

HEX

#3BC4A4

RGB

59, 196, 164

HSL

166.0, 53.7%, 50.0%

HSV

166.0, 69.9%, 76.9%

CMYK

69.9%, 0.0%, 16.3%, 23.1%

OKLCH

0.7395 0.1252 173.6

Properties

Cool Light Nearest: Shamrock

Color Harmonies

Complementary

#3BC4A4

#C43B5B

Analogous

#3BC460

#3B9FC4

#3BC4A4

Triadic

#3BC4A4

#A43BC4

#C4A43B

Split Complementary

#3BC4A4

#C43B9F

#C4603B

Tetradic

#3BC4A4

#603BC4

#C43B5B

#9FC43B

Color Blindness Simulation

Original

#3BC4A4

Protanopia

#7678AC

Deuteranopia

#6E64AE

Tritanopia

#42B2B3

Achromatopsia

#A5A5A5

CSS Usage

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

Tailwind Shades

50
#F4FBF9
100
#E5F5F1
200
#C8EEE6
300
#A1E3D3
400
#6ED3BC
500
#3BC4A4
600
#2F9D83
700
#267D69
800
#1E6252
900
#19483D
950
#102D26

Contrast Checker

Text on white

2.18:1

AA Fail AAA Fail

Text on black

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