HEX #54959C color — Breaker Bay

The color #54959c is a light shade and slightly desaturated.

Color codes

copy icon
copy icon
copy icon

Palette

54959c color palette from light to dark

HEX RGB HSL
#f5f9fa rgb(245,249,250) hsl(186,30%,97%)
#e4eff1 rgb(228,239,241) hsl(186,30%,92%)
#d4e6e8 rgb(212,230,232) hsl(186,30%,87%)
#c3dcdf rgb(195,220,223) hsl(186,30%,82%)
#b3d2d6 rgb(179,210,214) hsl(186,30%,77%)
#a2c9cd rgb(162,201,205) hsl(186,30%,72%)
#92bfc4 rgb(146,191,196) hsl(186,30%,67%)
#81b5bb rgb(129,181,187) hsl(186,30%,62%)
#70acb2 rgb(112,172,178) hsl(186,30%,57%)
#60a2a9 rgb(96,162,169) hsl(186,30%,52%)
#54959c rgb(84,149,156) hsl(186,30%,47%)
#4b858b rgb(75,133,139) hsl(186,30%,42%)
#42757b rgb(66,117,123) hsl(186,30%,37%)
#39656a rgb(57,101,106) hsl(186,30%,32%)
#30555a rgb(48,85,90) hsl(186,30%,27%)
#274649 rgb(39,70,73) hsl(186,30%,22%)
#1e3638 rgb(30,54,56) hsl(186,30%,17%)
#152628 rgb(21,38,40) hsl(186,30%,12%)
#0c1617 rgb(12,22,23) hsl(186,30%,7%)
#040607 rgb(4,6,7) hsl(186,30%,2%)

Adjacent colors

HEX RGB HSL
#549C73 rgb(84,156,115) hsl(146,30%,47%)
#54959C rgb(84,149,156) hsl(186,30%,47%)
#54669C rgb(84,102,156) hsl(225,30%,47%)

Monochromatic colors

HEX RGB HSL
#81B5BB rgb(129,181,187) hsl(186,30%,62%)
#68A8AD rgb(104,168,173) hsl(184,30%,54%)
#54959C rgb(84,149,156) hsl(186,30%,47%)
#467D83 rgb(70,125,131) hsl(186,30%,39%)
#39666A rgb(57,102,106) hsl(185,30%,32%)
#2B4D51 rgb(43,77,81) hsl(186,31%,24%)

Triad color palettes

HEX RGB HSL
#54959C rgb(84,149,156) hsl(186,30%,47%)
#9C5471 rgb(156,84,113) hsl(336,30%,47%)
#9C8054 rgb(156,128,84) hsl(37,30%,47%)

Tetrad color palettes

HEX RGB HSL
#54959C rgb(84,149,156) hsl(186,30%,47%)
#9C5C54 rgb(156,92,84) hsl(7,30%,47%)
#549C7F rgb(84,156,127) hsl(156,30%,47%)
#9C8054 rgb(156,128,84) hsl(37,30%,47%)