#5485B0

#5485B0

Color Values

HEX

#5485B0

RGB

84, 133, 176

HSL

208.0, 36.8%, 51.0%

HSV

208.0, 52.3%, 69.0%

CMYK

52.3%, 24.4%, 0.0%, 31.0%

OKLCH

0.5997 0.0848 246.3

Properties

Cool Light Nearest: steelblue

Color Harmonies

Complementary

#5485B0

#B07F54

Analogous

#54B0AD

#5457B0

#5485B0

Triadic

#5485B0

#B05485

#85B054

Split Complementary

#5485B0

#B05457

#B0AD54

Tetradic

#5485B0

#AD54B0

#B07F54

#57B054

Color Blindness Simulation

Original

#5485B0

Protanopia

#696AA6

Deuteranopia

#6663A3

Tritanopia

#569D9C

Achromatopsia

#7E7E7E

CSS Usage

background-color: #5485B0;
color: #5485B0;
border-color: #5485B0;
Nearest Tailwind: Slate 500 #64748B

Tailwind Shades

50
#F5F8FA
100
#E8EEF3
200
#CEDCE8
300
#ABC3D8
400
#7EA3C3
500
#5183AE
600
#40698C
700
#345470
800
#284157
900
#203240
950
#141F29

Contrast Checker

Text on white

3.92:1

AA Fail AAA Fail

Text on black

5.36:1

AA Pass AAA Fail

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

Feb 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

Feb 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

Feb 19, 2026