#3AC5B5

#3AC5B5

Color Values

HEX

#3AC5B5

RGB

58, 197, 181

HSL

173.1, 54.5%, 50.0%

HSV

173.1, 70.6%, 77.3%

CMYK

70.6%, 0.0%, 8.1%, 22.7%

OKLCH

0.7469 0.1182 183.8

Properties

Cool Light Nearest: mediumturquoise

Color Harmonies

Complementary

#3AC5B5

#C53A4A

Analogous

#3AC570

#3A8FC5

#3AC5B5

Triadic

#3AC5B5

#B53AC5

#C5B53A

Split Complementary

#3AC5B5

#C53A8F

#C5703A

Tetradic

#3AC5B5

#703AC5

#C53A4A

#8FC53A

Color Blindness Simulation

Original

#3AC5B5

Protanopia

#7677B9

Deuteranopia

#6E64BA

Tritanopia

#41BCBD

Achromatopsia

#A6A6A6

CSS Usage

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

Tailwind Shades

50
#F4FBFA
100
#E5F5F4
200
#C8EFEA
300
#A0E3DB
400
#6DD4C8
500
#3AC5B5
600
#2E9E91
700
#257E74
800
#1D625B
900
#194843
950
#102E2A

Contrast Checker

Text on white

2.14:1

AA Fail AAA Fail

Text on black

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