HEX #54959C color — Breaker Bay
The color #54959C is a light shade and slightly desaturated.
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%) |