HEX #506786 color — Blue Bayoux

The color #506786 is a dark shade and slightly desaturated.

Color codes

copy icon
copy icon
copy icon

Palette

506786 color palette from light to dark

HEX RGB HSL
#f5f7f9 rgb(245,247,249) hsl(214,25%,97%)
#e6eaf0 rgb(230,234,240) hsl(214,25%,92%)
#d6dde6 rgb(214,221,230) hsl(214,25%,87%)
#c6d0dd rgb(198,208,221) hsl(214,25%,82%)
#b6c2d3 rgb(182,194,211) hsl(214,25%,77%)
#a6b5c9 rgb(166,181,201) hsl(214,25%,72%)
#96a8c0 rgb(150,168,192) hsl(214,25%,67%)
#869bb6 rgb(134,155,182) hsl(214,25%,62%)
#768ead rgb(118,142,173) hsl(214,25%,57%)
#6681a3 rgb(102,129,163) hsl(214,25%,52%)
#5a7496 rgb(90,116,150) hsl(214,25%,47%)
#506886 rgb(80,104,134) hsl(214,25%,42%)
#475b76 rgb(71,91,118) hsl(214,25%,37%)
#3d4f66 rgb(61,79,102) hsl(214,25%,32%)
#344356 rgb(52,67,86) hsl(214,25%,27%)
#2a3646 rgb(42,54,70) hsl(214,25%,22%)
#212a36 rgb(33,42,54) hsl(214,25%,17%)
#171e26 rgb(23,30,38) hsl(214,25%,12%)
#0d1116 rgb(13,17,22) hsl(214,25%,7%)
#040506 rgb(4,5,6) hsl(214,25%,2%)

Adjacent colors

HEX RGB HSL
#508781 rgb(80,135,129) hsl(173,26%,42%)
#506786 rgb(80,103,134) hsl(214,25%,42%)
#5D4F86 rgb(93,79,134) hsl(255,26%,42%)

Monochromatic colors

HEX RGB HSL
#708AA9 rgb(112,138,169) hsl(213,25%,55%)
#5C789B rgb(92,120,155) hsl(213,26%,48%)
#506786 rgb(80,103,134) hsl(214,25%,42%)
#435770 rgb(67,87,112) hsl(213,25%,35%)
#36455B rgb(54,69,91) hsl(216,26%,28%)
#293645 rgb(41,54,69) hsl(212,25%,22%)

Triad color palettes

HEX RGB HSL
#506786 rgb(80,103,134) hsl(214,25%,42%)
#865450 rgb(134,84,80) hsl(4,25%,42%)
#828750 rgb(130,135,80) hsl(65,26%,42%)

Tetrad color palettes

HEX RGB HSL
#506786 rgb(80,103,134) hsl(214,25%,42%)
#867050 rgb(134,112,80) hsl(36,25%,42%)
#508286 rgb(80,130,134) hsl(184,25%,42%)
#828750 rgb(130,135,80) hsl(65,26%,42%)