HEX #586B80 color — Blue Bayoux
The color #586B80 is a dark shade and slightly desaturated.
Palette
586B80 color palette from light to dark
HEX |
RGB |
HSL |
#f6f7f9 |
rgb(246,247,249) |
hsl(212,19%,97%) |
#e7eaee |
rgb(231,234,238) |
hsl(212,19%,92%) |
#d8dde4 |
rgb(216,221,228) |
hsl(212,19%,87%) |
#c8d1da |
rgb(200,209,218) |
hsl(212,19%,82%) |
#b9c4cf |
rgb(185,196,207) |
hsl(212,19%,77%) |
#aab7c5 |
rgb(170,183,197) |
hsl(212,19%,72%) |
#9baabb |
rgb(155,170,187) |
hsl(212,19%,67%) |
#8c9db1 |
rgb(140,157,177) |
hsl(212,19%,62%) |
#7d90a6 |
rgb(125,144,166) |
hsl(212,19%,57%) |
#6d839c |
rgb(109,131,156) |
hsl(212,19%,52%) |
#61768f |
rgb(97,118,143) |
hsl(212,19%,47%) |
#576a7f |
rgb(87,106,127) |
hsl(212,19%,42%) |
#4c5d70 |
rgb(76,93,112) |
hsl(212,19%,37%) |
#425161 |
rgb(66,81,97) |
hsl(212,19%,32%) |
#384452 |
rgb(56,68,82) |
hsl(212,19%,27%) |
#2d3743 |
rgb(45,55,67) |
hsl(212,19%,22%) |
#232b34 |
rgb(35,43,52) |
hsl(212,19%,17%) |
#191e24 |
rgb(25,30,36) |
hsl(212,19%,12%) |
#0e1215 |
rgb(14,18,21) |
hsl(212,19%,7%) |
#040506 |
rgb(4,5,6) |
hsl(212,19%,2%) |
Adjacent colors
HEX |
RGB |
HSL |
#58807A |
rgb(88,128,122) |
hsl(171,19%,42%) |
#586B80 |
rgb(88,107,128) |
hsl(212,19%,42%) |
#5F5980 |
rgb(95,89,128) |
hsl(249,18%,43%) |
Monochromatic colors
HEX |
RGB |
HSL |
#798CA3 |
rgb(121,140,163) |
hsl(213,19%,56%) |
#667D94 |
rgb(102,125,148) |
hsl(210,18%,49%) |
#586B80 |
rgb(88,107,128) |
hsl(212,19%,42%) |
#49596B |
rgb(73,89,107) |
hsl(212,19%,35%) |
#3B4A57 |
rgb(59,74,87) |
hsl(208,19%,29%) |
#2D3842 |
rgb(45,56,66) |
hsl(209,19%,22%) |
Triad color palettes
HEX |
RGB |
HSL |
#586B80 |
rgb(88,107,128) |
hsl(212,19%,42%) |
#805958 |
rgb(128,89,88) |
hsl(1,19%,42%) |
#7F8058 |
rgb(127,128,88) |
hsl(62,19%,42%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#586B80 |
rgb(88,107,128) |
hsl(212,19%,42%) |
#806E58 |
rgb(128,110,88) |
hsl(33,19%,42%) |
#588080 |
rgb(88,128,128) |
hsl(180,19%,42%) |
#7F8058 |
rgb(127,128,88) |
hsl(62,19%,42%) |