#558DBA

#558DBA

Color Values

HEX

#558DBA

RGB

85, 141, 186

HSL

206.7, 42.3%, 53.1%

HSV

206.7, 54.3%, 72.9%

CMYK

54.3%, 24.2%, 0.0%, 27.1%

OKLCH

0.6234 0.0905 244.2

Properties

Cool Light Nearest: steelblue

Color Harmonies

Complementary

#558DBA

#BA8255

Analogous

#55BAB4

#555ABA

#558DBA

Triadic

#558DBA

#BA558D

#8DBA55

Split Complementary

#558DBA

#BA555A

#BAB455

Tetradic

#558DBA

#B455BA

#BA8255

#5ABA55

Color Blindness Simulation

Original

#558DBA

Protanopia

#6D6EAF

Deuteranopia

#6A66AC

Tritanopia

#58A7A5

Achromatopsia

#848484

CSS Usage

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

Tailwind Shades

50
#F5F8FA
100
#E7EEF4
200
#CCDDEA
300
#A8C5DC
400
#79A5C9
500
#4A85B5
600
#3B6B91
700
#2F5574
800
#25435B
900
#1E3243
950
#13202A

Contrast Checker

Text on white

3.56:1

AA Fail AAA Fail

Text on black

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