HEX #54969C color — Breaker Bay

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

Color codes

copy icon
copy icon
copy icon

Palette

54969c color palette from light to dark

HEX RGB HSL
#f5f9fa rgb(245,249,250) hsl(185,30%,97%)
#e4f0f1 rgb(228,240,241) hsl(185,30%,92%)
#d4e6e8 rgb(212,230,232) hsl(185,30%,87%)
#c3dddf rgb(195,221,223) hsl(185,30%,82%)
#b3d3d6 rgb(179,211,214) hsl(185,30%,77%)
#a2c9cd rgb(162,201,205) hsl(185,30%,72%)
#92c0c4 rgb(146,192,196) hsl(185,30%,67%)
#81b6bb rgb(129,182,187) hsl(185,30%,62%)
#70adb2 rgb(112,173,178) hsl(185,30%,57%)
#60a3a9 rgb(96,163,169) hsl(185,30%,52%)
#54969c rgb(84,150,156) hsl(185,30%,47%)
#4b868b rgb(75,134,139) hsl(185,30%,42%)
#42767b rgb(66,118,123) hsl(185,30%,37%)
#39666a rgb(57,102,106) hsl(185,30%,32%)
#30565a rgb(48,86,90) hsl(185,30%,27%)
#274649 rgb(39,70,73) hsl(185,30%,22%)
#1e3638 rgb(30,54,56) hsl(185,30%,17%)
#152628 rgb(21,38,40) hsl(185,30%,12%)
#0c1617 rgb(12,22,23) hsl(185,30%,7%)
#040607 rgb(4,6,7) hsl(185,30%,2%)

Adjacent colors

HEX RGB HSL
#549C72 rgb(84,156,114) hsl(145,30%,47%)
#54969C rgb(84,150,156) hsl(185,30%,47%)
#54669C rgb(84,102,156) hsl(225,30%,47%)

Monochromatic colors

HEX RGB HSL
#81B8BB rgb(129,184,187) hsl(183,30%,62%)
#68A8AD rgb(104,168,173) hsl(184,30%,54%)
#54969C rgb(84,150,156) hsl(185,30%,47%)
#467D83 rgb(70,125,131) hsl(186,30%,39%)
#39666A rgb(57,102,106) hsl(185,30%,32%)
#2B4F51 rgb(43,79,81) hsl(183,31%,24%)

Triad color palettes

HEX RGB HSL
#54969C rgb(84,150,156) hsl(185,30%,47%)
#9C5472 rgb(156,84,114) hsl(335,30%,47%)
#9C7D54 rgb(156,125,84) hsl(34,30%,47%)

Tetrad color palettes

HEX RGB HSL
#54969C rgb(84,150,156) hsl(185,30%,47%)
#9C5954 rgb(156,89,84) hsl(4,30%,47%)
#549C7E rgb(84,156,126) hsl(155,30%,47%)
#9C7D54 rgb(156,125,84) hsl(34,30%,47%)