#3AC587

#3AC587

Color Values

HEX

#3AC587

RGB

58, 197, 135

HSL

153.2, 54.5%, 50.0%

HSV

153.2, 70.6%, 77.3%

CMYK

70.6%, 0.0%, 31.5%, 22.7%

OKLCH

0.7346 0.1489 159.4

Properties

Cool Light Nearest: mediumseagreen

Color Harmonies

Complementary

#3AC587

#C53A78

Analogous

#3AC541

#3ABEC5

#3AC587

Triadic

#3AC587

#873AC5

#C5873A

Split Complementary

#3AC587

#C53ABE

#C5413A

Tetradic

#3AC587

#413AC5

#C53A78

#BEC53A

Color Blindness Simulation

Original

#3AC587

Protanopia

#767796

Deuteranopia

#6E649A

Tritanopia

#41A2A4

Achromatopsia

#A3A3A3

CSS Usage

background-color: #3AC587;
color: #3AC587;
border-color: #3AC587;
Nearest Tailwind: Emerald 500 #10B981

Tailwind Shades

50
#F4FBF8
100
#E5F5EE
200
#C8EFDD
300
#A0E3C5
400
#6DD4A6
500
#3AC587
600
#2E9E6C
700
#257E56
800
#1D6243
900
#194833
950
#102E20

Contrast Checker

Text on white

2.21:1

AA Fail AAA Fail

Text on black

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