HEX #556E86 color — Blue Bayoux
The color #556E86 is a dark shade and slightly desaturated.
Palette
556E86 color palette from light to dark
HEX |
RGB |
HSL |
#f9fafb |
rgb(249,250,251) |
hsl(209,22%,98%) |
#e9edf1 |
rgb(233,237,241) |
hsl(209,22%,93%) |
#dae1e7 |
rgb(218,225,231) |
hsl(209,22%,88%) |
#cad4dd |
rgb(202,212,221) |
hsl(209,22%,83%) |
#bbc7d3 |
rgb(187,199,211) |
hsl(209,22%,78%) |
#abbbc9 |
rgb(171,187,201) |
hsl(209,22%,73%) |
#9baebf |
rgb(155,174,191) |
hsl(209,22%,68%) |
#8ca1b5 |
rgb(140,161,181) |
hsl(209,22%,63%) |
#7c95ab |
rgb(124,149,171) |
hsl(209,22%,58%) |
#6d88a2 |
rgb(109,136,162) |
hsl(209,22%,53%) |
#5f7b95 |
rgb(95,123,149) |
hsl(209,22%,48%) |
#566e86 |
rgb(86,110,134) |
hsl(209,22%,43%) |
#4c6276 |
rgb(76,98,118) |
hsl(209,22%,38%) |
#425567 |
rgb(66,85,103) |
hsl(209,22%,33%) |
#384857 |
rgb(56,72,87) |
hsl(209,22%,28%) |
#2e3b48 |
rgb(46,59,72) |
hsl(209,22%,23%) |
#242e38 |
rgb(36,46,56) |
hsl(209,22%,18%) |
#1a2128 |
rgb(26,33,40) |
hsl(209,22%,13%) |
#101519 |
rgb(16,21,25) |
hsl(209,22%,8%) |
#060809 |
rgb(6,8,9) |
hsl(209,22%,3%) |
Adjacent colors
HEX |
RGB |
HSL |
#55877D |
rgb(85,135,125) |
hsl(168,23%,43%) |
#556E86 |
rgb(85,110,134) |
hsl(209,22%,43%) |
#5C5486 |
rgb(92,84,134) |
hsl(250,23%,43%) |
Monochromatic colors
HEX |
RGB |
HSL |
#7791A9 |
rgb(119,145,169) |
hsl(209,23%,56%) |
#62809B |
rgb(98,128,155) |
hsl(208,23%,50%) |
#556E86 |
rgb(85,110,134) |
hsl(209,22%,43%) |
#475C70 |
rgb(71,92,112) |
hsl(209,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 |
#556E86 |
rgb(85,110,134) |
hsl(209,22%,43%) |
#865455 |
rgb(134,84,85) |
hsl(359,23%,43%) |
#868555 |
rgb(134,133,85) |
hsl(59,22%,43%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#556E86 |
rgb(85,110,134) |
hsl(209,22%,43%) |
#866E55 |
rgb(134,110,85) |
hsl(31,22%,43%) |
#558785 |
rgb(85,135,133) |
hsl(178,23%,43%) |
#868555 |
rgb(134,133,85) |
hsl(59,22%,43%) |