#54AB77

#54AB77

Color Values

HEX

#54AB77

RGB

84, 171, 119

HSL

144.1, 34.1%, 50.0%

HSV

144.1, 50.9%, 67.1%

CMYK

50.9%, 0.0%, 30.4%, 32.9%

OKLCH

0.673 0.1152 155.4

Properties

Cool Light Nearest: Forest Green

Color Harmonies

Complementary

#54AB77

#AB5488

Analogous

#5DAB54

#54ABA2

#54AB77

Triadic

#54AB77

#7754AB

#AB7754

Split Complementary

#54AB77

#A254AB

#AB545D

Tetradic

#54AB77

#545DAB

#AB5488

#ABA254

Color Blindness Simulation

Original

#54AB77

Protanopia

#7A7A84

Deuteranopia

#756E87

Tritanopia

#588E90

Achromatopsia

#959595

CSS Usage

background-color: #54AB77;
color: #54AB77;
border-color: #54AB77;
Nearest Tailwind: Emerald 600 #059669

Tailwind Shades

50
#F5FAF7
100
#E8F2EC
200
#CFE7D9
300
#ADD7BE
400
#80C19A
500
#54AB77
600
#43895F
700
#366D4C
800
#2A553B
900
#223F2E
950
#15281D

Contrast Checker

Text on white

2.81:1

AA Fail AAA Fail

Text on black

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