#54AB73

#54AB73

Color Values

HEX

#54AB73

RGB

84, 171, 115

HSL

141.4, 34.1%, 50.0%

HSV

141.4, 50.9%, 67.1%

CMYK

50.9%, 0.0%, 32.7%, 32.9%

OKLCH

0.6721 0.119 153.5

Properties

Cool Light Nearest: Fern

Color Harmonies

Complementary

#54AB73

#AB548C

Analogous

#60AB54

#54AB9F

#54AB73

Triadic

#54AB73

#7354AB

#AB7354

Split Complementary

#54AB73

#9F54AB

#AB5460

Tetradic

#54AB73

#5460AB

#AB548C

#AB9F54

Color Blindness Simulation

Original

#54AB73

Protanopia

#7A7A81

Deuteranopia

#756E84

Tritanopia

#588B8E

Achromatopsia

#949494

CSS Usage

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

Tailwind Shades

50
#F5FAF7
100
#E8F2EC
200
#CFE7D8
300
#ADD7BC
400
#80C197
500
#54AB73
600
#43895C
700
#366D4A
800
#2A553A
900
#223F2C
950
#15281C

Contrast Checker

Text on white

2.82:1

AA Fail AAA Fail

Text on black

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