#54897E

#54897E

Color Values

HEX

#54897E

RGB

84, 137, 126

HSL

167.5, 24.0%, 43.3%

HSV

167.5, 38.7%, 53.7%

CMYK

38.7%, 0.0%, 8.0%, 46.3%

OKLCH

0.5895 0.0594 179.5

Properties

Cool Light Nearest: Wintergreen Dream

Color Harmonies

Complementary

#54897E

#89545F

Analogous

#548963

#547989

#54897E

Triadic

#54897E

#7E5489

#897E54

Split Complementary

#54897E

#895479

#896354

Tetradic

#54897E

#635489

#89545F

#798954

Color Blindness Simulation

Original

#54897E

Protanopia

#6B6B81

Deuteranopia

#686481

Tritanopia

#578383

Achromatopsia

#7D7D7D

CSS Usage

background-color: #54897E;
color: #54897E;
border-color: #54897E;
Nearest Tailwind: Teal 700 #0F766E

Tailwind Shades

50
#F6F9F8
100
#EAF1EF
200
#D3E4E0
300
#B3D0CA
400
#8AB7AE
500
#619E91
600
#4E7E74
700
#3E655D
800
#304F49
900
#263B37
950
#182522

Contrast Checker

Text on white

4.0:1

AA Fail AAA Fail

Text on black

5.26:1

AA Pass AAA Fail

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