#3ABB72

#3ABB72

Color Values

HEX

#3ABB72

RGB

58, 187, 114

HSL

146.0, 52.7%, 48.0%

HSV

146.0, 69.0%, 73.3%

CMYK

69.0%, 0.0%, 39.0%, 26.7%

OKLCH

0.7045 0.1547 154.1

Properties

Cool Light Nearest: mediumseagreen

Color Harmonies

Complementary

#3ABB72

#BB3A83

Analogous

#42BB3A

#3ABBB2

#3ABB72

Triadic

#3ABB72

#723ABB

#BB723A

Split Complementary

#3ABB72

#B23ABB

#BB3A42

Tetradic

#3ABB72

#3A42BB

#BB3A83

#BBB23A

Color Blindness Simulation

Original

#3ABB72

Protanopia

#727384

Deuteranopia

#6A6188

Tritanopia

#409295

Achromatopsia

#9A9A9A

CSS Usage

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

Tailwind Shades

50
#F4FBF7
100
#E5F5EC
200
#C8EED9
300
#A2E2BD
400
#6FD29A
500
#3CC377
600
#309C5F
700
#277D4C
800
#1E613B
900
#19472D
950
#102D1D

Contrast Checker

Text on white

2.46:1

AA Fail AAA Fail

Text on black

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