#54AB6D

#54AB6D

Color Values

HEX

#54AB6D

RGB

84, 171, 109

HSL

137.2, 34.1%, 50.0%

HSV

137.2, 50.9%, 67.1%

CMYK

50.9%, 0.0%, 36.3%, 32.9%

OKLCH

0.6709 0.1249 151.1

Properties

Cool Light Nearest: Fern

Color Harmonies

Complementary

#54AB6D

#AB5492

Analogous

#67AB54

#54AB98

#54AB6D

Triadic

#54AB6D

#6D54AB

#AB6D54

Split Complementary

#54AB6D

#9854AB

#AB5467

Tetradic

#54AB6D

#5467AB

#AB5492

#AB9854

Color Blindness Simulation

Original

#54AB6D

Protanopia

#7A7A7C

Deuteranopia

#756E80

Tritanopia

#58888A

Achromatopsia

#949494

CSS Usage

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

Tailwind Shades

50
#F5FAF6
100
#E8F2EB
200
#CFE7D6
300
#ADD7B9
400
#80C193
500
#54AB6D
600
#438957
700
#366D46
800
#2A5536
900
#223F2A
950
#15281B

Contrast Checker

Text on white

2.83:1

AA Fail AAA Fail

Text on black

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