#558BBD

#558BBD

Color Values

HEX

#558BBD

RGB

85, 139, 189

HSL

208.8, 44.1%, 53.7%

HSV

208.8, 55.0%, 74.1%

CMYK

55.0%, 26.5%, 0.0%, 25.9%

OKLCH

0.6202 0.0955 247.8

Properties

Cool Light Nearest: steelblue

Color Harmonies

Complementary

#558BBD

#BD8755

Analogous

#55BDBB

#5557BD

#558BBD

Triadic

#558BBD

#BD558B

#8BBD55

Split Complementary

#558BBD

#BD5557

#BDBB55

Tetradic

#558BBD

#BB55BD

#BD8755

#57BD55

Color Blindness Simulation

Original

#558BBD

Protanopia

#6C6DB1

Deuteranopia

#6965AE

Tritanopia

#58A7A5

Achromatopsia

#838383

CSS Usage

background-color: #558BBD;
color: #558BBD;
border-color: #558BBD;
Nearest Tailwind: Sky 600 #0284C7

Tailwind Shades

50
#F4F7FA
100
#E6EDF4
200
#CCDCEB
300
#A7C3DD
400
#77A2CA
500
#4782B8
600
#396893
700
#2E5376
800
#24415C
900
#1D3144
950
#121F2B

Contrast Checker

Text on white

3.61:1

AA Fail AAA Fail

Text on black

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