HEX #549CA2 color — Breaker Bay

The color #549CA2 is a light shade and slightly desaturated.

Color codes

copy icon
copy icon
copy icon

Palette

549CA2 color palette from light to dark

HEX RGB HSL
#f8fbfc rgb(248,251,252) hsl(185,32%,98%)
#e7f2f3 rgb(231,242,243) hsl(185,32%,93%)
#d7e9ea rgb(215,233,234) hsl(185,32%,88%)
#c6dfe2 rgb(198,223,226) hsl(185,32%,83%)
#b5d6d9 rgb(181,214,217) hsl(185,32%,78%)
#a4cdd0 rgb(164,205,208) hsl(185,32%,73%)
#93c3c8 rgb(147,195,200) hsl(185,32%,68%)
#82babf rgb(130,186,191) hsl(185,32%,63%)
#72b0b6 rgb(114,176,182) hsl(185,32%,58%)
#61a7ae rgb(97,167,174) hsl(185,32%,53%)
#539ba2 rgb(83,155,162) hsl(185,32%,48%)
#4b8b91 rgb(75,139,145) hsl(185,32%,43%)
#427b80 rgb(66,123,128) hsl(185,32%,38%)
#396b6f rgb(57,107,111) hsl(185,32%,33%)
#315a5e rgb(49,90,94) hsl(185,32%,28%)
#284a4d rgb(40,74,77) hsl(185,32%,23%)
#1f3a3d rgb(31,58,61) hsl(185,32%,18%)
#172a2c rgb(23,42,44) hsl(185,32%,13%)
#0e1a1b rgb(14,26,27) hsl(185,32%,8%)
#050a0a rgb(5,10,10) hsl(185,32%,3%)

Adjacent colors

HEX RGB HSL
#54A374 rgb(84,163,116) hsl(144,32%,48%)
#549CA2 rgb(84,156,162) hsl(185,32%,48%)
#5469A2 rgb(84,105,162) hsl(224,32%,48%)

Monochromatic colors

HEX RGB HSL
#84BABF rgb(132,186,191) hsl(185,32%,63%)
#6BADB2 rgb(107,173,178) hsl(184,32%,56%)
#549CA2 rgb(84,156,162) hsl(185,32%,48%)
#468288 rgb(70,130,136) hsl(185,32%,40%)
#396B6E rgb(57,107,110) hsl(183,32%,33%)
#2B5254 rgb(43,82,84) hsl(183,32%,25%)

Triad color palettes

HEX RGB HSL
#549CA2 rgb(84,156,162) hsl(185,32%,48%)
#A25475 rgb(162,84,117) hsl(335,32%,48%)
#A28254 rgb(162,130,84) hsl(35,32%,48%)

Tetrad color palettes

HEX RGB HSL
#549CA2 rgb(84,156,162) hsl(185,32%,48%)
#A25954 rgb(162,89,84) hsl(4,32%,48%)
#54A381 rgb(84,163,129) hsl(154,32%,48%)
#A28254 rgb(162,130,84) hsl(35,32%,48%)