#3AC593

#3AC593

Color Values

HEX

#3AC593

RGB

58, 197, 147

HSL

158.4, 54.5%, 50.0%

HSV

158.4, 70.6%, 77.3%

CMYK

70.6%, 0.0%, 25.4%, 22.7%

OKLCH

0.7374 0.1389 164.4

Properties

Cool Light Nearest: Shamrock

Color Harmonies

Complementary

#3AC593

#C53A6C

Analogous

#3AC54D

#3AB2C5

#3AC593

Triadic

#3AC593

#933AC5

#C5933A

Split Complementary

#3AC593

#C53AB2

#C54D3A

Tetradic

#3AC593

#4D3AC5

#C53A6C

#B2C53A

Color Blindness Simulation

Original

#3AC593

Protanopia

#76779F

Deuteranopia

#6E64A2

Tritanopia

#41A9AB

Achromatopsia

#A4A4A4

CSS Usage

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

Tailwind Shades

50
#F4FBF8
100
#E5F5EF
200
#C8EFE1
300
#A0E3CB
400
#6DD4AF
500
#3AC593
600
#2E9E76
700
#257E5E
800
#1D6249
900
#194837
950
#102E23

Contrast Checker

Text on white

2.19:1

AA Fail AAA Fail

Text on black

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