HEX #54667A color — Blue Bayoux
The color #54667A is a dark shade and slightly desaturated.
Palette
54667A color palette from light to dark
HEX |
RGB |
HSL |
#f0f2f5 |
rgb(240,242,245) |
hsl(212,18%,95%) |
#e1e5ea |
rgb(225,229,234) |
hsl(212,18%,90%) |
#d2d8e0 |
rgb(210,216,224) |
hsl(212,18%,85%) |
#c3cbd5 |
rgb(195,203,213) |
hsl(212,18%,80%) |
#b4becb |
rgb(180,190,203) |
hsl(212,18%,75%) |
#a5b2c0 |
rgb(165,178,192) |
hsl(212,18%,70%) |
#96a5b6 |
rgb(150,165,182) |
hsl(212,18%,65%) |
#8798ab |
rgb(135,152,171) |
hsl(212,18%,60%) |
#788ba1 |
rgb(120,139,161) |
hsl(212,18%,55%) |
#697e96 |
rgb(105,126,150) |
hsl(212,18%,50%) |
#5e7187 |
rgb(94,113,135) |
hsl(212,18%,45%) |
#546578 |
rgb(84,101,120) |
hsl(212,18%,40%) |
#495869 |
rgb(73,88,105) |
hsl(212,18%,35%) |
#3f4c5a |
rgb(63,76,90) |
hsl(212,18%,30%) |
#343f4b |
rgb(52,63,75) |
hsl(212,18%,25%) |
#2a323c |
rgb(42,50,60) |
hsl(212,18%,20%) |
#1f262d |
rgb(31,38,45) |
hsl(212,18%,15%) |
#15191e |
rgb(21,25,30) |
hsl(212,18%,10%) |
#0a0d0f |
rgb(10,13,15) |
hsl(212,18%,5%) |
Adjacent colors
HEX |
RGB |
HSL |
#547A74 |
rgb(84,122,116) |
hsl(171,18%,40%) |
#54667A |
rgb(84,102,122) |
hsl(212,18%,40%) |
#5B547A |
rgb(91,84,122) |
hsl(251,18%,40%) |
Monochromatic colors
HEX |
RGB |
HSL |
#72879D |
rgb(114,135,157) |
hsl(211,18%,53%) |
#61758D |
rgb(97,117,141) |
hsl(213,18%,47%) |
#54667A |
rgb(84,102,122) |
hsl(212,18%,40%) |
#465766 |
rgb(70,87,102) |
hsl(208,19%,34%) |
#394552 |
rgb(57,69,82) |
hsl(211,18%,27%) |
#2B363F |
rgb(43,54,63) |
hsl(207,19%,21%) |
Triad color palettes
HEX |
RGB |
HSL |
#54667A |
rgb(84,102,122) |
hsl(212,18%,40%) |
#7A5454 |
rgb(122,84,84) |
hsl(360,18%,40%) |
#797A54 |
rgb(121,122,84) |
hsl(62,18%,40%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#54667A |
rgb(84,102,122) |
hsl(212,18%,40%) |
#7A6954 |
rgb(122,105,84) |
hsl(33,18%,40%) |
#54787A |
rgb(84,120,122) |
hsl(183,18%,40%) |
#797A54 |
rgb(121,122,84) |
hsl(62,18%,40%) |