HEX #558AD7 color — Havelock Blue

The color #558AD7 is a light shade and moderately saturated.

Color codes

copy icon
copy icon
copy icon

Palette

558AD7 color palette from light to dark

HEX RGB HSL
#fbfcfe rgb(251,252,254) hsl(216,62%,99%)
#e6eef9 rgb(230,238,249) hsl(216,62%,94%)
#d2dff4 rgb(210,223,244) hsl(216,62%,89%)
#bdd1ef rgb(189,209,239) hsl(216,62%,84%)
#a8c3eb rgb(168,195,235) hsl(216,62%,79%)
#94b4e6 rgb(148,180,230) hsl(216,62%,74%)
#7fa6e1 rgb(127,166,225) hsl(216,62%,69%)
#6a98dc rgb(106,152,220) hsl(216,62%,64%)
#5689d7 rgb(86,137,215) hsl(216,62%,59%)
#417bd2 rgb(65,123,210) hsl(216,62%,54%)
#2f6dca rgb(47,109,202) hsl(216,62%,49%)
#2b62b6 rgb(43,98,182) hsl(216,62%,44%)
#2657a1 rgb(38,87,161) hsl(216,62%,39%)
#214c8c rgb(33,76,140) hsl(216,62%,34%)
#1c4178 rgb(28,65,120) hsl(216,62%,29%)
#173663 rgb(23,54,99) hsl(216,62%,24%)
#122a4e rgb(18,42,78) hsl(216,62%,19%)
#0e1f3a rgb(14,31,58) hsl(216,62%,14%)
#091425 rgb(9,20,37) hsl(216,62%,9%)
#040911 rgb(4,9,17) hsl(216,62%,4%)

Adjacent colors

HEX RGB HSL
#55D6CD rgb(85,214,205) hsl(176,61%,59%)
#558AD7 rgb(85,138,215) hsl(216,62%,59%)
#7654D7 rgb(118,84,215) hsl(256,62%,59%)

Monochromatic colors

HEX RGB HSL
#A2BFE9 rgb(162,191,233) hsl(215,62%,77%)
#7BA6E0 rgb(123,166,224) hsl(214,62%,68%)
#558AD7 rgb(85,138,215) hsl(216,62%,59%)
#3070CC rgb(48,112,204) hsl(215,62%,49%)
#2659A5 rgb(38,89,165) hsl(216,63%,40%)
#1D457E rgb(29,69,126) hsl(215,63%,30%)

Triad color palettes

HEX RGB HSL
#558AD7 rgb(85,138,215) hsl(216,62%,59%)
#D76155 rgb(215,97,85) hsl(6,62%,59%)
#CBD655 rgb(203,214,85) hsl(65,61%,59%)

Tetrad color palettes

HEX RGB HSL
#558AD7 rgb(85,138,215) hsl(216,62%,59%)
#D7A355 rgb(215,163,85) hsl(36,62%,59%)
#55CCD7 rgb(85,204,215) hsl(185,62%,59%)
#CBD655 rgb(203,214,85) hsl(65,61%,59%)