HEX #557DD9 color — Havelock Blue
The color #557DD9 is a dark shade and moderately saturated.
Palette
557DD9 color palette from light to dark
HEX |
RGB |
HSL |
#fbfcfe |
rgb(251,252,254) |
hsl(222,63%,99%) |
#e6ecf9 |
rgb(230,236,249) |
hsl(222,63%,94%) |
#d1dcf5 |
rgb(209,220,245) |
hsl(222,63%,89%) |
#bcccf0 |
rgb(188,204,240) |
hsl(222,63%,84%) |
#a8bceb |
rgb(168,188,235) |
hsl(222,63%,79%) |
#93ace6 |
rgb(147,172,230) |
hsl(222,63%,74%) |
#7e9ce2 |
rgb(126,156,226) |
hsl(222,63%,69%) |
#698cdd |
rgb(105,140,221) |
hsl(222,63%,64%) |
#557cd8 |
rgb(85,124,216) |
hsl(222,63%,59%) |
#406cd4 |
rgb(64,108,212) |
hsl(222,63%,54%) |
#2e5dcc |
rgb(46,93,204) |
hsl(222,63%,49%) |
#2a54b7 |
rgb(42,84,183) |
hsl(222,63%,44%) |
#254aa2 |
rgb(37,74,162) |
hsl(222,63%,39%) |
#20418d |
rgb(32,65,141) |
hsl(222,63%,34%) |
#1b3779 |
rgb(27,55,121) |
hsl(222,63%,29%) |
#172e64 |
rgb(23,46,100) |
hsl(222,63%,24%) |
#12244f |
rgb(18,36,79) |
hsl(222,63%,19%) |
#0d1b3a |
rgb(13,27,58) |
hsl(222,63%,14%) |
#081125 |
rgb(8,17,37) |
hsl(222,63%,9%) |
#040811 |
rgb(4,8,17) |
hsl(222,63%,4%) |
Adjacent colors
HEX |
RGB |
HSL |
#55D6D9 |
rgb(85,214,217) |
hsl(181,63%,59%) |
#557DD9 |
rgb(85,125,217) |
hsl(222,63%,59%) |
#8554D9 |
rgb(133,84,217) |
hsl(262,64%,59%) |
Monochromatic colors
HEX |
RGB |
HSL |
#A3BAEA |
rgb(163,186,234) |
hsl(221,63%,78%) |
#7C9CE1 |
rgb(124,156,225) |
hsl(221,63%,68%) |
#557DD9 |
rgb(85,125,217) |
hsl(222,63%,59%) |
#2E5ECF |
rgb(46,94,207) |
hsl(222,64%,50%) |
#254DA7 |
rgb(37,77,167) |
hsl(222,64%,40%) |
#1C3B80 |
rgb(28,59,128) |
hsl(221,64%,31%) |
Triad color palettes
HEX |
RGB |
HSL |
#557DD9 |
rgb(85,125,217) |
hsl(222,63%,59%) |
#D97055 |
rgb(217,112,85) |
hsl(12,63%,59%) |
#BFD955 |
rgb(191,217,85) |
hsl(72,63%,59%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#557DD9 |
rgb(85,125,217) |
hsl(222,63%,59%) |
#D9B055 |
rgb(217,176,85) |
hsl(41,63%,59%) |
#55BFD9 |
rgb(85,191,217) |
hsl(192,63%,59%) |
#BFD955 |
rgb(191,217,85) |
hsl(72,63%,59%) |