HEX #586C84 color — Blue Bayoux
The color #586c84 is a dark shade and slightly desaturated.
Palette
586c84 color palette from light to dark
HEX |
RGB |
HSL |
#f9fafb |
rgb(249,250,251) |
hsl(213,20%,98%) |
#eaedf1 |
rgb(234,237,241) |
hsl(213,20%,93%) |
#dae0e7 |
rgb(218,224,231) |
hsl(213,20%,88%) |
#cbd3dc |
rgb(203,211,220) |
hsl(213,20%,83%) |
#bcc6d2 |
rgb(188,198,210) |
hsl(213,20%,78%) |
#acb9c8 |
rgb(172,185,200) |
hsl(213,20%,73%) |
#9dacbe |
rgb(157,172,190) |
hsl(213,20%,68%) |
#8e9fb4 |
rgb(142,159,180) |
hsl(213,20%,63%) |
#7e92a9 |
rgb(126,146,169) |
hsl(213,20%,58%) |
#6f859f |
rgb(111,133,159) |
hsl(213,20%,53%) |
#627893 |
rgb(98,120,147) |
hsl(213,20%,48%) |
#586b84 |
rgb(88,107,132) |
hsl(213,20%,43%) |
#4e5f74 |
rgb(78,95,116) |
hsl(213,20%,38%) |
#435265 |
rgb(67,82,101) |
hsl(213,20%,33%) |
#394656 |
rgb(57,70,86) |
hsl(213,20%,28%) |
#2f3946 |
rgb(47,57,70) |
hsl(213,20%,23%) |
#252d37 |
rgb(37,45,55) |
hsl(213,20%,18%) |
#1b2028 |
rgb(27,32,40) |
hsl(213,20%,13%) |
#101418 |
rgb(16,20,24) |
hsl(213,20%,8%) |
#060709 |
rgb(6,7,9) |
hsl(213,20%,3%) |
Adjacent colors
HEX |
RGB |
HSL |
#58857E |
rgb(88,133,126) |
hsl(171,20%,43%) |
#586C84 |
rgb(88,108,132) |
hsl(213,20%,43%) |
#615984 |
rgb(97,89,132) |
hsl(251,19%,43%) |
Monochromatic colors
HEX |
RGB |
HSL |
#7B8FA7 |
rgb(123,143,167) |
hsl(213,20%,57%) |
#667D99 |
rgb(102,125,153) |
hsl(213,20%,50%) |
#586C84 |
rgb(88,108,132) |
hsl(213,20%,43%) |
#495C6E |
rgb(73,92,110) |
hsl(209,20%,36%) |
#3B4A59 |
rgb(59,74,89) |
hsl(210,20%,29%) |
#2D3844 |
rgb(45,56,68) |
hsl(211,20%,22%) |
Triad color palettes
HEX |
RGB |
HSL |
#586C84 |
rgb(88,108,132) |
hsl(213,20%,43%) |
#845958 |
rgb(132,89,88) |
hsl(1,20%,43%) |
#828558 |
rgb(130,133,88) |
hsl(64,20%,43%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#586C84 |
rgb(88,108,132) |
hsl(213,20%,43%) |
#847058 |
rgb(132,112,88) |
hsl(33,20%,43%) |
#588284 |
rgb(88,130,132) |
hsl(183,20%,43%) |
#828558 |
rgb(130,133,88) |
hsl(64,20%,43%) |