HEX #586A84 color — Blue Bayoux
The color #586a84 is a dark shade and slightly desaturated.
Palette
586a84 color palette from light to dark
HEX |
RGB |
HSL |
#f9fafb |
rgb(249,250,251) |
hsl(215,20%,98%) |
#eaedf1 |
rgb(234,237,241) |
hsl(215,20%,93%) |
#dadfe7 |
rgb(218,223,231) |
hsl(215,20%,88%) |
#cbd2dc |
rgb(203,210,220) |
hsl(215,20%,83%) |
#bcc5d2 |
rgb(188,197,210) |
hsl(215,20%,78%) |
#acb8c8 |
rgb(172,184,200) |
hsl(215,20%,73%) |
#9dabbe |
rgb(157,171,190) |
hsl(215,20%,68%) |
#8e9eb4 |
rgb(142,158,180) |
hsl(215,20%,63%) |
#7e90a9 |
rgb(126,144,169) |
hsl(215,20%,58%) |
#6f839f |
rgb(111,131,159) |
hsl(215,20%,53%) |
#627693 |
rgb(98,118,147) |
hsl(215,20%,48%) |
#586a84 |
rgb(88,106,132) |
hsl(215,20%,43%) |
#4e5e74 |
rgb(78,94,116) |
hsl(215,20%,38%) |
#435165 |
rgb(67,81,101) |
hsl(215,20%,33%) |
#394556 |
rgb(57,69,86) |
hsl(215,20%,28%) |
#2f3946 |
rgb(47,57,70) |
hsl(215,20%,23%) |
#252c37 |
rgb(37,44,55) |
hsl(215,20%,18%) |
#1b2028 |
rgb(27,32,40) |
hsl(215,20%,13%) |
#101418 |
rgb(16,20,24) |
hsl(215,20%,8%) |
#060709 |
rgb(6,7,9) |
hsl(215,20%,3%) |
Adjacent colors
HEX |
RGB |
HSL |
#588580 |
rgb(88,133,128) |
hsl(173,20%,43%) |
#586A84 |
rgb(88,106,132) |
hsl(215,20%,43%) |
#635984 |
rgb(99,89,132) |
hsl(254,19%,43%) |
Monochromatic colors
HEX |
RGB |
HSL |
#7B8CA7 |
rgb(123,140,167) |
hsl(217,20%,57%) |
#667A99 |
rgb(102,122,153) |
hsl(216,20%,50%) |
#586A84 |
rgb(88,106,132) |
hsl(215,20%,43%) |
#49596E |
rgb(73,89,110) |
hsl(214,20%,36%) |
#3B4759 |
rgb(59,71,89) |
hsl(216,20%,29%) |
#2D3844 |
rgb(45,56,68) |
hsl(211,20%,22%) |
Triad color palettes
HEX |
RGB |
HSL |
#586A84 |
rgb(88,106,132) |
hsl(215,20%,43%) |
#845C58 |
rgb(132,92,88) |
hsl(5,20%,43%) |
#808558 |
rgb(128,133,88) |
hsl(67,20%,43%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#586A84 |
rgb(88,106,132) |
hsl(215,20%,43%) |
#847358 |
rgb(132,115,88) |
hsl(37,20%,43%) |
#588084 |
rgb(88,128,132) |
hsl(185,20%,43%) |
#808558 |
rgb(128,133,88) |
hsl(67,20%,43%) |