HEX #549EA2 color — Breaker Bay
The color #549EA2 is a light shade and slightly desaturated.
Palette
549EA2 color palette from light to dark
HEX |
RGB |
HSL |
#f8fbfc |
rgb(248,251,252) |
hsl(183,32%,98%) |
#e7f2f3 |
rgb(231,242,243) |
hsl(183,32%,93%) |
#d7e9ea |
rgb(215,233,234) |
hsl(183,32%,88%) |
#c6e0e2 |
rgb(198,224,226) |
hsl(183,32%,83%) |
#b5d7d9 |
rgb(181,215,217) |
hsl(183,32%,78%) |
#a4ced0 |
rgb(164,206,208) |
hsl(183,32%,73%) |
#93c5c8 |
rgb(147,197,200) |
hsl(183,32%,68%) |
#82bcbf |
rgb(130,188,191) |
hsl(183,32%,63%) |
#72b3b6 |
rgb(114,179,182) |
hsl(183,32%,58%) |
#61aaae |
rgb(97,170,174) |
hsl(183,32%,53%) |
#539ea2 |
rgb(83,158,162) |
hsl(183,32%,48%) |
#4b8d91 |
rgb(75,141,145) |
hsl(183,32%,43%) |
#427d80 |
rgb(66,125,128) |
hsl(183,32%,38%) |
#396c6f |
rgb(57,108,111) |
hsl(183,32%,33%) |
#315c5e |
rgb(49,92,94) |
hsl(183,32%,28%) |
#284c4d |
rgb(40,76,77) |
hsl(183,32%,23%) |
#1f3b3d |
rgb(31,59,61) |
hsl(183,32%,18%) |
#172b2c |
rgb(23,43,44) |
hsl(183,32%,13%) |
#0e1a1b |
rgb(14,26,27) |
hsl(183,32%,8%) |
#050a0a |
rgb(5,10,10) |
hsl(183,32%,3%) |
Adjacent colors
HEX |
RGB |
HSL |
#54A372 |
rgb(84,163,114) |
hsl(143,32%,48%) |
#549EA2 |
rgb(84,158,162) |
hsl(183,32%,48%) |
#546BA2 |
rgb(84,107,162) |
hsl(222,32%,48%) |
Monochromatic colors
HEX |
RGB |
HSL |
#84BDBF |
rgb(132,189,191) |
hsl(182,32%,63%) |
#6BADB2 |
rgb(107,173,178) |
hsl(184,32%,56%) |
#549EA2 |
rgb(84,158,162) |
hsl(183,32%,48%) |
#468588 |
rgb(70,133,136) |
hsl(183,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 |
#549EA2 |
rgb(84,158,162) |
hsl(183,32%,48%) |
#A25477 |
rgb(162,84,119) |
hsl(333,32%,48%) |
#A28054 |
rgb(162,128,84) |
hsl(34,32%,48%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#549EA2 |
rgb(84,158,162) |
hsl(183,32%,48%) |
#A25954 |
rgb(162,89,84) |
hsl(4,32%,48%) |
#54A37F |
rgb(84,163,127) |
hsl(153,32%,48%) |
#A28054 |
rgb(162,128,84) |
hsl(34,32%,48%) |