#3AC596

#3AC596

Color Values

HEX

#3AC596

RGB

58, 197, 150

HSL

159.7, 54.5%, 50.0%

HSV

159.7, 70.6%, 77.3%

CMYK

70.6%, 0.0%, 23.9%, 22.7%

OKLCH

0.7381 0.1365 165.8

Properties

Cool Light Nearest: Shamrock

Color Harmonies

Complementary

#3AC596

#C53A69

Analogous

#3AC550

#3AAFC5

#3AC596

Triadic

#3AC596

#963AC5

#C5963A

Split Complementary

#3AC596

#C53AAF

#C5503A

Tetradic

#3AC596

#503AC5

#C53A69

#AFC53A

Color Blindness Simulation

Original

#3AC596

Protanopia

#7677A1

Deuteranopia

#6E64A4

Tritanopia

#41AAAC

Achromatopsia

#A4A4A4

CSS Usage

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

Tailwind Shades

50
#F4FBF8
100
#E5F5F0
200
#C8EFE2
300
#A0E3CD
400
#6DD4B1
500
#3AC596
600
#2E9E78
700
#257E60
800
#1D624B
900
#194838
950
#102E23

Contrast Checker

Text on white

2.19:1

AA Fail AAA Fail

Text on black

9.61:1

AA Pass AAA Pass

Related Articles

Color Questions

What Is Pantone? The Universal Color Language

2월 20, 2026
Color Questions

What Is Metamerism? Why Colors Look Different Under Different Lights

2월 20, 2026
Color Questions

What Is Luminance? Brightness in Color Science

2월 20, 2026