#5587AD

#5587AD

Color Values

HEX

#5587AD

RGB

85, 135, 173

HSL

205.9, 34.9%, 50.6%

HSV

205.9, 50.9%, 67.8%

CMYK

50.9%, 22.0%, 0.0%, 32.2%

OKLCH

0.6035 0.0793 242.5

Properties

Cool Light Nearest: steelblue

Color Harmonies

Complementary

#5587AD

#AD7B55

Analogous

#55ADA7

#555BAD

#5587AD

Triadic

#5587AD

#AD5587

#87AD55

Split Complementary

#5587AD

#AD555B

#ADA755

Tetradic

#5587AD

#A755AD

#AD7B55

#5BAD55

Color Blindness Simulation

Original

#5587AD

Protanopia

#6B6BA4

Deuteranopia

#6864A2

Tritanopia

#589D9B

Achromatopsia

#7F7F7F

CSS Usage

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

Tailwind Shades

50
#F5F8FA
100
#E8EEF2
200
#CFDDE8
300
#ACC5D7
400
#80A5C2
500
#5386AC
600
#426B8A
700
#35556E
800
#2A4356
900
#213340
950
#152028

Contrast Checker

Text on white

3.85:1

AA Fail AAA Fail

Text on black

5.46:1

AA Pass AAA Fail

Related Articles

Tutorials

CSS color-mix(): Blend Colors Natively in the Browser

Jan 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

Jan 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

Jan 15, 2026