HEX #5A6E86 color — Blue Bayoux
The color #5A6E86 is a dark shade and slightly desaturated.
Palette
5A6E86 color palette from light to dark
HEX |
RGB |
HSL |
#fcfcfd |
rgb(252,252,253) |
hsl(213,20%,99%) |
#edeff3 |
rgb(237,239,243) |
hsl(213,20%,94%) |
#dde2e9 |
rgb(221,226,233) |
hsl(213,20%,89%) |
#ced5de |
rgb(206,213,222) |
hsl(213,20%,84%) |
#bfc8d4 |
rgb(191,200,212) |
hsl(213,20%,79%) |
#afbbca |
rgb(175,187,202) |
hsl(213,20%,74%) |
#a0aec0 |
rgb(160,174,192) |
hsl(213,20%,69%) |
#91a1b6 |
rgb(145,161,182) |
hsl(213,20%,64%) |
#8294ab |
rgb(130,148,171) |
hsl(213,20%,59%) |
#7287a1 |
rgb(114,135,161) |
hsl(213,20%,54%) |
#647a96 |
rgb(100,122,150) |
hsl(213,20%,49%) |
#5a6e87 |
rgb(90,110,135) |
hsl(213,20%,44%) |
#506177 |
rgb(80,97,119) |
hsl(213,20%,39%) |
#455568 |
rgb(69,85,104) |
hsl(213,20%,34%) |
#3b4859 |
rgb(59,72,89) |
hsl(213,20%,29%) |
#313c49 |
rgb(49,60,73) |
hsl(213,20%,24%) |
#272f3a |
rgb(39,47,58) |
hsl(213,20%,19%) |
#1d232b |
rgb(29,35,43) |
hsl(213,20%,14%) |
#12161c |
rgb(18,22,28) |
hsl(213,20%,9%) |
#080a0c |
rgb(8,10,12) |
hsl(213,20%,4%) |
Adjacent colors
HEX |
RGB |
HSL |
#5A8780 |
rgb(90,135,128) |
hsl(171,20%,44%) |
#5A6E86 |
rgb(90,110,134) |
hsl(213,20%,44%) |
#635986 |
rgb(99,89,134) |
hsl(253,20%,44%) |
Monochromatic colors
HEX |
RGB |
HSL |
#7E91A8 |
rgb(126,145,168) |
hsl(213,19%,58%) |
#69809A |
rgb(105,128,154) |
hsl(212,20%,51%) |
#5A6E86 |
rgb(90,110,134) |
hsl(213,20%,44%) |
#4B5C70 |
rgb(75,92,112) |
hsl(212,20%,37%) |
#3D4A5B |
rgb(61,74,91) |
hsl(214,20%,30%) |
#2E3845 |
rgb(46,56,69) |
hsl(214,20%,23%) |
Triad color palettes
HEX |
RGB |
HSL |
#5A6E86 |
rgb(90,110,134) |
hsl(213,20%,44%) |
#865C5A |
rgb(134,92,90) |
hsl(3,20%,44%) |
#84875A |
rgb(132,135,90) |
hsl(64,20%,44%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#5A6E86 |
rgb(90,110,134) |
hsl(213,20%,44%) |
#86735A |
rgb(134,115,90) |
hsl(34,20%,44%) |
#5A8586 |
rgb(90,133,134) |
hsl(181,20%,44%) |
#84875A |
rgb(132,135,90) |
hsl(64,20%,44%) |