#5487AD

#5487AD

Color Values

HEX

#5487AD

RGB

84, 135, 173

HSL

205.6, 35.2%, 50.4%

HSV

205.6, 51.4%, 67.8%

CMYK

51.4%, 22.0%, 0.0%, 32.2%

OKLCH

0.603 0.08 242.0

Properties

Cool Light Nearest: steelblue

Color Harmonies

Complementary

#5487AD

#AD7A54

Analogous

#54ADA7

#545BAD

#5487AD

Triadic

#5487AD

#AD5487

#87AD54

Split Complementary

#5487AD

#AD545B

#ADA754

Tetradic

#5487AD

#A754AD

#AD7A54

#5BAD54

Color Blindness Simulation

Original

#5487AD

Protanopia

#6A6BA4

Deuteranopia

#6763A2

Tritanopia

#579D9B

Achromatopsia

#7F7F7F

CSS Usage

background-color: #5487AD;
color: #5487AD;
border-color: #5487AD;
Nearest Tailwind: Slate 500 #64748B

Tailwind Shades

50
#F5F8FA
100
#E8EEF2
200
#CFDDE8
300
#ACC5D7
400
#7FA6C2
500
#5386AC
600
#426B8A
700
#35566E
800
#294356
900
#213340
950
#152028

Contrast Checker

Text on white

3.86:1

AA Fail AAA Fail

Text on black

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