HEX #5678D3 color — Havelock Blue

The color #5678D3 is a dark shade and moderately saturated.

Color codes

copy icon
copy icon
copy icon

Palette

5678D3 color palette from light to dark

HEX RGB HSL
#f7f8fd rgb(247,248,253) hsl(224,59%,98%)
#e3e8f8 rgb(227,232,248) hsl(224,59%,93%)
#ced8f2 rgb(206,216,242) hsl(224,59%,88%)
#bac8ed rgb(186,200,237) hsl(224,59%,83%)
#a6b7e8 rgb(166,183,232) hsl(224,59%,78%)
#92a7e3 rgb(146,167,227) hsl(224,59%,73%)
#7d97de rgb(125,151,222) hsl(224,59%,68%)
#6987d8 rgb(105,135,216) hsl(224,59%,63%)
#5576d3 rgb(85,118,211) hsl(224,59%,58%)
#4066ce rgb(64,102,206) hsl(224,59%,53%)
#3259c3 rgb(50,89,195) hsl(224,59%,48%)
#2d4fae rgb(45,79,174) hsl(224,59%,43%)
#28469a rgb(40,70,154) hsl(224,59%,38%)
#233d86 rgb(35,61,134) hsl(224,59%,33%)
#1d3472 rgb(29,52,114) hsl(224,59%,28%)
#182b5d rgb(24,43,93) hsl(224,59%,23%)
#132149 rgb(19,33,73) hsl(224,59%,18%)
#0e1835 rgb(14,24,53) hsl(224,59%,13%)
#080f20 rgb(8,15,32) hsl(224,59%,8%)
#03060c rgb(3,6,12) hsl(224,59%,3%)

Adjacent colors

HEX RGB HSL
#56CCD3 rgb(86,204,211) hsl(183,59%,58%)
#5678D3 rgb(86,120,211) hsl(224,59%,58%)
#8757D3 rgb(135,87,211) hsl(263,58%,58%)

Monochromatic colors

HEX RGB HSL
#A1B5E6 rgb(161,181,230) hsl(223,58%,77%)
#7B96DC rgb(123,150,220) hsl(223,58%,67%)
#5678D3 rgb(86,120,211) hsl(224,59%,58%)
#335CC5 rgb(51,92,197) hsl(223,59%,49%)
#294AA0 rgb(41,74,160) hsl(223,59%,39%)
#1F387A rgb(31,56,122) hsl(224,59%,30%)

Triad color palettes

HEX RGB HSL
#5678D3 rgb(86,120,211) hsl(224,59%,58%)
#D37356 rgb(211,115,86) hsl(14,59%,58%)
#B6D456 rgb(182,212,86) hsl(74,59%,58%)

Tetrad color palettes

HEX RGB HSL
#5678D3 rgb(86,120,211) hsl(224,59%,58%)
#D3B056 rgb(211,176,86) hsl(43,59%,58%)
#56B8D3 rgb(86,184,211) hsl(193,59%,58%)
#B6D456 rgb(182,212,86) hsl(74,59%,58%)