HEX #54969B color — Breaker Bay

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

Color codes

copy icon
copy icon
copy icon

Palette

54969B color palette from light to dark

HEX RGB HSL
#f5f9fa rgb(245,249,250) hsl(184,30%,97%)
#e4f0f1 rgb(228,240,241) hsl(184,30%,92%)
#d4e6e8 rgb(212,230,232) hsl(184,30%,87%)
#c3dddf rgb(195,221,223) hsl(184,30%,82%)
#b3d4d6 rgb(179,212,214) hsl(184,30%,77%)
#a2cacd rgb(162,202,205) hsl(184,30%,72%)
#92c1c4 rgb(146,193,196) hsl(184,30%,67%)
#81b7bb rgb(129,183,187) hsl(184,30%,62%)
#70aeb2 rgb(112,174,178) hsl(184,30%,57%)
#60a4a9 rgb(96,164,169) hsl(184,30%,52%)
#54979c rgb(84,151,156) hsl(184,30%,47%)
#4b878b rgb(75,135,139) hsl(184,30%,42%)
#42777b rgb(66,119,123) hsl(184,30%,37%)
#39676a rgb(57,103,106) hsl(184,30%,32%)
#30575a rgb(48,87,90) hsl(184,30%,27%)
#274749 rgb(39,71,73) hsl(184,30%,22%)
#1e3738 rgb(30,55,56) hsl(184,30%,17%)
#152728 rgb(21,39,40) hsl(184,30%,12%)
#0c1617 rgb(12,22,23) hsl(184,30%,7%)
#040607 rgb(4,6,7) hsl(184,30%,2%)

Adjacent colors

HEX RGB HSL
#549C70 rgb(84,156,112) hsl(143,30%,47%)
#54969B rgb(84,150,155) hsl(184,30%,47%)
#54669B rgb(84,102,155) hsl(225,30%,47%)

Monochromatic colors

HEX RGB HSL
#80B8BA rgb(128,184,186) hsl(182,30%,62%)
#68A8AD rgb(104,168,173) hsl(184,30%,54%)
#54969B rgb(84,150,155) hsl(184,30%,47%)
#467D82 rgb(70,125,130) hsl(185,30%,39%)
#396669 rgb(57,102,105) hsl(184,30%,32%)
#2B4F50 rgb(43,79,80) hsl(182,30%,24%)

Triad color palettes

HEX RGB HSL
#54969B rgb(84,150,155) hsl(184,30%,47%)
#9B5472 rgb(155,84,114) hsl(335,30%,47%)
#9B7D54 rgb(155,125,84) hsl(35,30%,47%)

Tetrad color palettes

HEX RGB HSL
#54969B rgb(84,150,155) hsl(184,30%,47%)
#9B5954 rgb(155,89,84) hsl(4,30%,47%)
#549C7C rgb(84,156,124) hsl(153,30%,47%)
#9B7D54 rgb(155,125,84) hsl(35,30%,47%)