HEX #546A78 color — Blue Bayoux
The color #546a78 is a dark shade and slightly desaturated.
Palette
546a78 color palette from light to dark
HEX |
RGB |
HSL |
#f0f3f5 |
rgb(240,243,245) |
hsl(203,18%,95%) |
#e1e7ea |
rgb(225,231,234) |
hsl(203,18%,90%) |
#d2dae0 |
rgb(210,218,224) |
hsl(203,18%,85%) |
#c3ced5 |
rgb(195,206,213) |
hsl(203,18%,80%) |
#b4c2cb |
rgb(180,194,203) |
hsl(203,18%,75%) |
#a5b6c0 |
rgb(165,182,192) |
hsl(203,18%,70%) |
#96a9b6 |
rgb(150,169,182) |
hsl(203,18%,65%) |
#879dab |
rgb(135,157,171) |
hsl(203,18%,60%) |
#7891a1 |
rgb(120,145,161) |
hsl(203,18%,55%) |
#698596 |
rgb(105,133,150) |
hsl(203,18%,50%) |
#5e7887 |
rgb(94,120,135) |
hsl(203,18%,45%) |
#546a78 |
rgb(84,106,120) |
hsl(203,18%,40%) |
#495d69 |
rgb(73,93,105) |
hsl(203,18%,35%) |
#3f505a |
rgb(63,80,90) |
hsl(203,18%,30%) |
#34424b |
rgb(52,66,75) |
hsl(203,18%,25%) |
#2a353c |
rgb(42,53,60) |
hsl(203,18%,20%) |
#1f282d |
rgb(31,40,45) |
hsl(203,18%,15%) |
#151b1e |
rgb(21,27,30) |
hsl(203,18%,10%) |
#0a0d0f |
rgb(10,13,15) |
hsl(203,18%,5%) |
Adjacent colors
HEX |
RGB |
HSL |
#54786E |
rgb(84,120,110) |
hsl(163,18%,40%) |
#546A78 |
rgb(84,106,120) |
hsl(203,18%,40%) |
#565478 |
rgb(86,84,120) |
hsl(243,18%,40%) |
Monochromatic colors
HEX |
RGB |
HSL |
#718C9B |
rgb(113,140,155) |
hsl(201,17%,53%) |
#617A8B |
rgb(97,122,139) |
hsl(204,18%,46%) |
#546A78 |
rgb(84,106,120) |
hsl(203,18%,40%) |
#465964 |
rgb(70,89,100) |
hsl(202,18%,33%) |
#394751 |
rgb(57,71,81) |
hsl(205,17%,27%) |
#2B383E |
rgb(43,56,62) |
hsl(199,18%,21%) |
Triad color palettes
HEX |
RGB |
HSL |
#546A78 |
rgb(84,106,120) |
hsl(203,18%,40%) |
#785458 |
rgb(120,84,88) |
hsl(353,18%,40%) |
#787354 |
rgb(120,115,84) |
hsl(52,18%,40%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#546A78 |
rgb(84,106,120) |
hsl(203,18%,40%) |
#786154 |
rgb(120,97,84) |
hsl(22,18%,40%) |
#547874 |
rgb(84,120,116) |
hsl(173,18%,40%) |
#787354 |
rgb(120,115,84) |
hsl(52,18%,40%) |