#54948F

#54948F

Color Values

HEX

#54948F

RGB

84, 148, 143

HSL

175.3, 27.6%, 45.5%

HSV

175.3, 43.2%, 58.0%

CMYK

43.2%, 0.0%, 3.4%, 42.0%

OKLCH

0.6222 0.0665 189.1

Properties

Cool Light Nearest: RAL 5024 Pastel Blue

Color Harmonies

Complementary

#54948F

#945459

Analogous

#54946F

#547994

#54948F

Triadic

#54948F

#8F5494

#948F54

Split Complementary

#54948F

#945479

#946F54

Tetradic

#54948F

#6F5494

#945459

#799454

Color Blindness Simulation

Original

#54948F

Protanopia

#707090

Deuteranopia

#6C6790

Tritanopia

#579191

Achromatopsia

#868686

CSS Usage

background-color: #54948F;
color: #54948F;
border-color: #54948F;
Nearest Tailwind: Teal 600 #0D9488

Tailwind Shades

50
#F6F9F9
100
#E9F1F1
200
#D1E5E4
300
#B1D3D0
400
#87BBB7
500
#5CA39D
600
#4A827E
700
#3B6865
800
#2E514F
900
#243C3B
950
#172625

Contrast Checker

Text on white

3.49:1

AA Fail AAA Fail

Text on black

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