HEX #556B86 color — Blue Bayoux
The color #556B86 is a dark shade and slightly desaturated.
Palette
556B86 color palette from light to dark
HEX |
RGB |
HSL |
#f9fafb |
rgb(249,250,251) |
hsl(213,22%,98%) |
#e9edf1 |
rgb(233,237,241) |
hsl(213,22%,93%) |
#dae0e7 |
rgb(218,224,231) |
hsl(213,22%,88%) |
#cad3dd |
rgb(202,211,221) |
hsl(213,22%,83%) |
#bbc6d3 |
rgb(187,198,211) |
hsl(213,22%,78%) |
#abb9c9 |
rgb(171,185,201) |
hsl(213,22%,73%) |
#9bacbf |
rgb(155,172,191) |
hsl(213,22%,68%) |
#8c9fb5 |
rgb(140,159,181) |
hsl(213,22%,63%) |
#7c92ab |
rgb(124,146,171) |
hsl(213,22%,58%) |
#6d85a2 |
rgb(109,133,162) |
hsl(213,22%,53%) |
#5f7895 |
rgb(95,120,149) |
hsl(213,22%,48%) |
#566b86 |
rgb(86,107,134) |
hsl(213,22%,43%) |
#4c5f76 |
rgb(76,95,118) |
hsl(213,22%,38%) |
#425267 |
rgb(66,82,103) |
hsl(213,22%,33%) |
#384657 |
rgb(56,70,87) |
hsl(213,22%,28%) |
#2e3948 |
rgb(46,57,72) |
hsl(213,22%,23%) |
#242d38 |
rgb(36,45,56) |
hsl(213,22%,18%) |
#1a2028 |
rgb(26,32,40) |
hsl(213,22%,13%) |
#101419 |
rgb(16,20,25) |
hsl(213,22%,8%) |
#060709 |
rgb(6,7,9) |
hsl(213,22%,3%) |
Adjacent colors
HEX |
RGB |
HSL |
#558780 |
rgb(85,135,128) |
hsl(172,23%,43%) |
#556B86 |
rgb(85,107,134) |
hsl(213,22%,43%) |
#5F5486 |
rgb(95,84,134) |
hsl(253,23%,43%) |
Monochromatic colors
HEX |
RGB |
HSL |
#778FA9 |
rgb(119,143,169) |
hsl(211,23%,56%) |
#627D9B |
rgb(98,125,155) |
hsl(212,23%,50%) |
#556B86 |
rgb(85,107,134) |
hsl(213,22%,43%) |
#475970 |
rgb(71,89,112) |
hsl(214,22%,36%) |
#394A5B |
rgb(57,74,91) |
hsl(210,23%,29%) |
#2C3845 |
rgb(44,56,69) |
hsl(211,22%,22%) |
Triad color palettes
HEX |
RGB |
HSL |
#556B86 |
rgb(85,107,134) |
hsl(213,22%,43%) |
#865755 |
rgb(134,87,85) |
hsl(2,22%,43%) |
#838755 |
rgb(131,135,85) |
hsl(65,23%,43%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#556B86 |
rgb(85,107,134) |
hsl(213,22%,43%) |
#867055 |
rgb(134,112,85) |
hsl(33,22%,43%) |
#558586 |
rgb(85,133,134) |
hsl(181,22%,43%) |
#838755 |
rgb(131,135,85) |
hsl(65,23%,43%) |