#3AC5BD

#3AC5BD

Color Values

HEX

#3AC5BD

RGB

58, 197, 189

HSL

176.5, 54.5%, 50.0%

HSV

176.5, 70.6%, 77.3%

CMYK

70.6%, 0.0%, 4.1%, 22.7%

OKLCH

0.7494 0.1159 189.3

Properties

Cool Light Nearest: mediumturquoise

Color Harmonies

Complementary

#3AC5BD

#C53A42

Analogous

#3AC577

#3A88C5

#3AC5BD

Triadic

#3AC5BD

#BD3AC5

#C5BD3A

Split Complementary

#3AC5BD

#C53A88

#C5773A

Tetradic

#3AC5BD

#773AC5

#C53A42

#88C53A

Color Blindness Simulation

Original

#3AC5BD

Protanopia

#7677BF

Deuteranopia

#6E64BF

Tritanopia

#41C0C1

Achromatopsia

#A7A7A7

CSS Usage

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

Tailwind Shades

50
#F4FBFA
100
#E5F5F4
200
#C8EFEC
300
#A0E3DF
400
#6DD4CE
500
#3AC5BD
600
#2E9E97
700
#257E79
800
#1D625E
900
#194845
950
#102E2C

Contrast Checker

Text on white

2.12:1

AA Fail AAA Fail

Text on black

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