#54B776

#54B776

Color Values

HEX

#54B776

RGB

84, 183, 118

HSL

140.6, 40.7%, 52.4%

HSV

140.6, 54.1%, 71.8%

CMYK

54.1%, 0.0%, 35.5%, 28.2%

OKLCH

0.7031 0.1337 152.7

Properties

Cool Light Nearest: mediumseagreen

Color Harmonies

Complementary

#54B776

#B75495

Analogous

#64B754

#54B7A8

#54B776

Triadic

#54B776

#7654B7

#B77654

Split Complementary

#54B776

#A854B7

#B75464

Tetradic

#54B776

#5464B7

#B75495

#B7A854

Color Blindness Simulation

Original

#54B776

Protanopia

#7F8086

Deuteranopia

#79728A

Tritanopia

#599295

Achromatopsia

#9D9D9D

CSS Usage

background-color: #54B776;
color: #54B776;
border-color: #54B776;
Nearest Tailwind: Emerald 500 #10B981

Tailwind Shades

50
#F5FAF7
100
#E7F3EB
200
#CDEAD7
300
#A9DBBA
400
#7AC795
500
#4CB36F
600
#3C9059
700
#307347
800
#265A38
900
#1F422B
950
#132A1B

Contrast Checker

Text on white

2.5:1

AA Fail AAA Fail

Text on black

8.41:1

AA Pass AAA Pass

Related Articles

Brand Stories

Pantone Colors by Decade: The 2000s, 2010s, and 2020s Compared

Feb 01, 2026
Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026