#54AB6F

#54AB6F

Color Values

HEX

#54AB6F

RGB

84, 171, 111

HSL

138.6, 34.1%, 50.0%

HSV

138.6, 50.9%, 67.1%

CMYK

50.9%, 0.0%, 35.1%, 32.9%

OKLCH

0.6713 0.1229 151.9

Properties

Cool Light Nearest: Fern

Color Harmonies

Complementary

#54AB6F

#AB5490

Analogous

#65AB54

#54AB9A

#54AB6F

Triadic

#54AB6F

#6F54AB

#AB6F54

Split Complementary

#54AB6F

#9A54AB

#AB5465

Tetradic

#54AB6F

#5465AB

#AB5490

#AB9A54

Color Blindness Simulation

Original

#54AB6F

Protanopia

#7A7A7E

Deuteranopia

#756E81

Tritanopia

#58898C

Achromatopsia

#949494

CSS Usage

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

Tailwind Shades

50
#F5FAF7
100
#E8F2EB
200
#CFE7D7
300
#ADD7BA
400
#80C194
500
#54AB6F
600
#438959
700
#366D47
800
#2A5537
900
#223F2B
950
#15281B

Contrast Checker

Text on white

2.83:1

AA Fail AAA Fail

Text on black

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