#54987B

#54987B

Color Values

HEX

#54987B

RGB

84, 152, 123

HSL

154.4, 28.8%, 46.3%

HSV

154.4, 44.7%, 59.6%

CMYK

44.7%, 0.0%, 19.1%, 40.4%

OKLCH

0.6261 0.083 164.5

Properties

Cool Light Nearest: aquamarine 4

Color Harmonies

Complementary

#54987B

#985471

Analogous

#549859

#549398

#54987B

Triadic

#54987B

#7B5498

#987B54

Split Complementary

#54987B

#985493

#985954

Tetradic

#54987B

#595498

#985471

#939854

Color Blindness Simulation

Original

#54987B

Protanopia

#717282

Deuteranopia

#6E6884

Tritanopia

#578889

Achromatopsia

#878787

CSS Usage

background-color: #54987B;
color: #54987B;
border-color: #54987B;
Nearest Tailwind: Teal 600 #0D9488

Tailwind Shades

50
#F5F9F8
100
#E9F2EE
200
#D1E6DD
300
#B0D3C4
400
#85BCA5
500
#5BA485
600
#49836A
700
#3A6955
800
#2D5242
900
#243D32
950
#172720

Contrast Checker

Text on white

3.41:1

AA Fail AAA Fail

Text on black

6.15:1

AA Pass AAA Fail

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