#54AB76

#54AB76

Color Values

HEX

#54AB76

RGB

84, 171, 118

HSL

143.4, 34.1%, 50.0%

HSV

143.4, 50.9%, 67.1%

CMYK

50.9%, 0.0%, 31.0%, 32.9%

OKLCH

0.6728 0.1161 154.9

Properties

Cool Light Nearest: Forest Green

Color Harmonies

Complementary

#54AB76

#AB5489

Analogous

#5EAB54

#54ABA1

#54AB76

Triadic

#54AB76

#7654AB

#AB7654

Split Complementary

#54AB76

#A154AB

#AB545E

Tetradic

#54AB76

#545EAB

#AB5489

#ABA154

Color Blindness Simulation

Original

#54AB76

Protanopia

#7A7A83

Deuteranopia

#756E86

Tritanopia

#588D8F

Achromatopsia

#959595

CSS Usage

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

Tailwind Shades

50
#F5FAF7
100
#E8F2EC
200
#CFE7D9
300
#ADD7BD
400
#80C19A
500
#54AB76
600
#43895E
700
#366D4B
800
#2A553B
900
#223F2D
950
#15281D

Contrast Checker

Text on white

2.81:1

AA Fail AAA Fail

Text on black

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