HEX #54969E color — Breaker Bay

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

Color codes

copy icon
copy icon
copy icon

Palette

54969E color palette from light to dark

HEX RGB HSL
#f5f9fa rgb(245,249,250) hsl(186,31%,97%)
#e4f0f1 rgb(228,240,241) hsl(186,31%,92%)
#d4e6e8 rgb(212,230,232) hsl(186,31%,87%)
#c3dcdf rgb(195,220,223) hsl(186,31%,82%)
#b2d3d7 rgb(178,211,215) hsl(186,31%,77%)
#a1c9ce rgb(161,201,206) hsl(186,31%,72%)
#91c0c5 rgb(145,192,197) hsl(186,31%,67%)
#80b6bc rgb(128,182,188) hsl(186,31%,62%)
#6fadb3 rgb(111,173,179) hsl(186,31%,57%)
#5fa3ab rgb(95,163,171) hsl(186,31%,52%)
#53969d rgb(83,150,157) hsl(186,31%,47%)
#4a868c rgb(74,134,140) hsl(186,31%,42%)
#41767c rgb(65,118,124) hsl(186,31%,37%)
#38666b rgb(56,102,107) hsl(186,31%,32%)
#30565a rgb(48,86,90) hsl(186,31%,27%)
#274649 rgb(39,70,73) hsl(186,31%,22%)
#1e3639 rgb(30,54,57) hsl(186,31%,17%)
#152628 rgb(21,38,40) hsl(186,31%,12%)
#0c1617 rgb(12,22,23) hsl(186,31%,7%)
#040607 rgb(4,6,7) hsl(186,31%,2%)

Adjacent colors

HEX RGB HSL
#549E74 rgb(84,158,116) hsl(146,31%,47%)
#54969E rgb(84,150,158) hsl(186,31%,47%)
#54639E rgb(84,99,158) hsl(228,31%,47%)

Monochromatic colors

HEX RGB HSL
#82B8BC rgb(130,184,188) hsl(184,30%,62%)
#69A8AF rgb(105,168,175) hsl(186,30%,55%)
#54969E rgb(84,150,158) hsl(186,31%,47%)
#467D84 rgb(70,125,132) hsl(187,31%,40%)
#39666B rgb(57,102,107) hsl(186,30%,32%)
#2B4F52 rgb(43,79,82) hsl(185,31%,25%)

Triad color palettes

HEX RGB HSL
#54969E rgb(84,150,158) hsl(186,31%,47%)
#9E5471 rgb(158,84,113) hsl(336,31%,47%)
#9E8254 rgb(158,130,84) hsl(37,31%,47%)

Tetrad color palettes

HEX RGB HSL
#54969E rgb(84,150,158) hsl(186,31%,47%)
#9E5C54 rgb(158,92,84) hsl(6,31%,47%)
#549E81 rgb(84,158,129) hsl(156,31%,47%)
#9E8254 rgb(158,130,84) hsl(37,31%,47%)