#49AB76

#49AB76

Color Values

HEX

#49AB76

RGB

73, 171, 118

HSL

147.6, 40.2%, 47.8%

HSV

147.6, 57.3%, 67.1%

CMYK

57.3%, 0.0%, 31.0%, 32.9%

OKLCH

0.6685 0.1222 157.0

Properties

Cool Light Nearest: Green

Color Harmonies

Complementary

#49AB76

#AB497E

Analogous

#4DAB49

#49ABA7

#49AB76

Triadic

#49AB76

#7649AB

#AB7649

Split Complementary

#49AB76

#A749AB

#AB494D

Tetradic

#49AB76

#494DAB

#AB497E

#ABA749

Color Blindness Simulation

Original

#49AB76

Protanopia

#737483

Deuteranopia

#6E6686

Tritanopia

#4E8D8F

Achromatopsia

#929292

CSS Usage

background-color: #49AB76;
color: #49AB76;
border-color: #49AB76;
Nearest Tailwind: Emerald 600 #059669

Tailwind Shades

50
#F5FAF7
100
#E7F3ED
200
#CDEADA
300
#A9DAC0
400
#7BC79E
500
#4CB37B
600
#3D8F63
700
#31724F
800
#26593E
900
#1F422F
950
#142A1E

Contrast Checker

Text on white

2.85:1

AA Fail AAA Fail

Text on black

7.37:1

AA Pass AAA Pass

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

Feb 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

Feb 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

Feb 19, 2026