#5484B3

#5484B3

Color Values

HEX

#5484B3

RGB

84, 132, 179

HSL

209.7, 38.5%, 51.6%

HSV

209.7, 53.1%, 70.2%

CMYK

53.1%, 26.3%, 0.0%, 29.8%

OKLCH

0.5989 0.0892 249.0

Properties

Cool Light Nearest: steelblue

Color Harmonies

Complementary

#5484B3

#B38354

Analogous

#54B3B3

#5455B3

#5484B3

Triadic

#5484B3

#B35484

#84B354

Split Complementary

#5484B3

#B35455

#B3B354

Tetradic

#5484B3

#B354B3

#B38354

#55B354

Color Blindness Simulation

Original

#5484B3

Protanopia

#6969A8

Deuteranopia

#6662A5

Tritanopia

#569F9D

Achromatopsia

#7D7D7D

CSS Usage

background-color: #5484B3;
color: #5484B3;
border-color: #5484B3;
Nearest Tailwind: Sky 600 #0284C7

Tailwind Shades

50
#F5F7FA
100
#E7EDF3
200
#CEDBE9
300
#AAC2D9
400
#7CA1C5
500
#4E80B1
600
#3F668D
700
#325271
800
#274058
900
#203141
950
#141F29

Contrast Checker

Text on white

3.94:1

AA Fail AAA Fail

Text on black

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