#3AC5BF

#3AC5BF

Color Values

HEX

#3AC5BF

RGB

58, 197, 191

HSL

177.4, 54.5%, 50.0%

HSV

177.4, 70.6%, 77.3%

CMYK

70.6%, 0.0%, 3.0%, 22.7%

OKLCH

0.7501 0.1155 190.7

Properties

Cool Light Nearest: mediumturquoise

Color Harmonies

Complementary

#3AC5BF

#C53A40

Analogous

#3AC579

#3A86C5

#3AC5BF

Triadic

#3AC5BF

#BF3AC5

#C5BF3A

Split Complementary

#3AC5BF

#C53A86

#C5793A

Tetradic

#3AC5BF

#793AC5

#C53A40

#86C53A

Color Blindness Simulation

Original

#3AC5BF

Protanopia

#7677C0

Deuteranopia

#6E64C1

Tritanopia

#41C2C2

Achromatopsia

#A7A7A7

CSS Usage

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

Tailwind Shades

50
#F4FBFB
100
#E5F5F5
200
#C8EFED
300
#A0E3E0
400
#6DD4D0
500
#3AC5BF
600
#2E9E99
700
#257E7A
800
#1D625F
900
#194846
950
#102E2C

Contrast Checker

Text on white

2.12:1

AA Fail AAA Fail

Text on black

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