#3AAB73

#3AAB73

Color Values

HEX

#3AAB73

RGB

58, 171, 115

HSL

150.3, 49.3%, 44.9%

HSV

150.3, 66.1%, 67.1%

CMYK

66.1%, 0.0%, 32.7%, 32.9%

OKLCH

0.6631 0.132 157.8

Properties

Cool Light Nearest: Green

Color Harmonies

Complementary

#3AAB73

#AB3A72

Analogous

#3AAB3B

#3AAAAB

#3AAB73

Triadic

#3AAB73

#733AAB

#AB733A

Split Complementary

#3AAB73

#AB3AAA

#AB3B3A

Tetradic

#3AAB73

#3B3AAB

#AB3A72

#AAAB3A

Color Blindness Simulation

Original

#3AAB73

Protanopia

#6B6C81

Deuteranopia

#645C84

Tritanopia

#408B8E

Achromatopsia

#8F8F8F

CSS Usage

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

Tailwind Shades

50
#F4FBF7
100
#E6F5ED
200
#CAEDDB
300
#A4E0C2
400
#72CFA1
500
#41BE80
600
#349867
700
#297A52
800
#205F40
900
#1B4631
950
#112C1F

Contrast Checker

Text on white

2.9:1

AA Fail AAA Fail

Text on black

7.25:1

AA Pass AAA Pass

Related Articles

Brand Stories

Pantone Colors by Decade: The 2000s, 2010s, and 2020s Compared

Feb 01, 2026
Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026