#3AC580

#3AC580

Color Values

HEX

#3AC580

RGB

58, 197, 128

HSL

150.2, 54.5%, 50.0%

HSV

150.2, 70.6%, 77.3%

CMYK

70.6%, 0.0%, 35.0%, 22.7%

OKLCH

0.7331 0.1551 156.9

Properties

Cool Light Nearest: seagreen 3

Color Harmonies

Complementary

#3AC580

#C53A7F

Analogous

#3AC53A

#3AC5C5

#3AC580

Triadic

#3AC580

#803AC5

#C5803A

Split Complementary

#3AC580

#C53AC5

#C53A3A

Tetradic

#3AC580

#3A3AC5

#C53A7F

#C5C53A

Color Blindness Simulation

Original

#3AC580

Protanopia

#767791

Deuteranopia

#6E6495

Tritanopia

#419EA1

Achromatopsia

#A2A2A2

CSS Usage

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

Tailwind Shades

50
#F4FBF7
100
#E5F5ED
200
#C8EFDB
300
#A0E3C2
400
#6DD4A1
500
#3AC580
600
#2E9E66
700
#257E52
800
#1D6240
900
#194831
950
#102E1F

Contrast Checker

Text on white

2.22:1

AA Fail AAA Fail

Text on black

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