#54978A

#54978A

Color Values

HEX

#54978A

RGB

84, 151, 138

HSL

168.4, 28.5%, 46.1%

HSV

168.4, 44.4%, 59.2%

CMYK

44.4%, 0.0%, 8.6%, 40.8%

OKLCH

0.628 0.0717 179.9

Properties

Cool Light Nearest: Wintergreen Dream

Color Harmonies

Complementary

#54978A

#975461

Analogous

#549769

#548397

#54978A

Triadic

#54978A

#8A5497

#978A54

Split Complementary

#54978A

#975483

#976954

Tetradic

#54978A

#695497

#975461

#839754

Color Blindness Simulation

Original

#54978A

Protanopia

#71728D

Deuteranopia

#6D688E

Tritanopia

#579090

Achromatopsia

#888888

CSS Usage

background-color: #54978A;
color: #54978A;
border-color: #54978A;
Nearest Tailwind: Teal 600 #0D9488

Tailwind Shades

50
#F5F9F8
100
#E9F1F0
200
#D1E5E2
300
#B0D3CC
400
#86BCB1
500
#5BA496
600
#498378
700
#3A6960
800
#2E524B
900
#243D38
950
#172623

Contrast Checker

Text on white

3.4:1

AA Fail AAA Fail

Text on black

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