HEX #559EA2 color — Breaker Bay

The color #559EA2 is a light shade and slightly desaturated.

Color codes

copy icon
copy icon
copy icon

Palette

559EA2 color palette from light to dark

HEX RGB HSL
#f8fbfb rgb(248,251,251) hsl(183,31%,98%)
#e8f2f3 rgb(232,242,243) hsl(183,31%,93%)
#d7e9ea rgb(215,233,234) hsl(183,31%,88%)
#c6e0e1 rgb(198,224,225) hsl(183,31%,83%)
#b6d7d8 rgb(182,215,216) hsl(183,31%,78%)
#a5cdcf rgb(165,205,207) hsl(183,31%,73%)
#94c4c7 rgb(148,196,199) hsl(183,31%,68%)
#83bbbe rgb(131,187,190) hsl(183,31%,63%)
#73b2b5 rgb(115,178,181) hsl(183,31%,58%)
#62a9ac rgb(98,169,172) hsl(183,31%,53%)
#549da0 rgb(84,157,160) hsl(183,31%,48%)
#4c8c90 rgb(76,140,144) hsl(183,31%,43%)
#437c7f rgb(67,124,127) hsl(183,31%,38%)
#3a6c6e rgb(58,108,110) hsl(183,31%,33%)
#315b5e rgb(49,91,94) hsl(183,31%,28%)
#284b4d rgb(40,75,77) hsl(183,31%,23%)
#203b3c rgb(32,59,60) hsl(183,31%,18%)
#172a2b rgb(23,42,43) hsl(183,31%,13%)
#0e1a1b rgb(14,26,27) hsl(183,31%,8%)
#050a0a rgb(5,10,10) hsl(183,31%,3%)

Adjacent colors

HEX RGB HSL
#55A372 rgb(85,163,114) hsl(142,31%,49%)
#559EA2 rgb(85,158,162) hsl(183,31%,48%)
#556BA2 rgb(85,107,162) hsl(223,31%,48%)

Monochromatic colors

HEX RGB HSL
#86BDBF rgb(134,189,191) hsl(182,31%,64%)
#6CADB2 rgb(108,173,178) hsl(184,31%,56%)
#559EA2 rgb(85,158,162) hsl(183,31%,48%)
#478588 rgb(71,133,136) hsl(183,31%,41%)
#396B6E rgb(57,107,110) hsl(183,32%,33%)
#2C5254 rgb(44,82,84) hsl(183,31%,25%)

Triad color palettes

HEX RGB HSL
#559EA2 rgb(85,158,162) hsl(183,31%,48%)
#A25477 rgb(162,84,119) hsl(333,32%,48%)
#A28055 rgb(162,128,85) hsl(34,31%,48%)

Tetrad color palettes

HEX RGB HSL
#559EA2 rgb(85,158,162) hsl(183,31%,48%)
#A25955 rgb(162,89,85) hsl(3,31%,48%)
#55A37F rgb(85,163,127) hsl(152,31%,49%)
#A28055 rgb(162,128,85) hsl(34,31%,48%)