HEX #549EA3 color — Breaker Bay
The color #549EA3 is a light shade and slightly desaturated.
Palette
549EA3 color palette from light to dark
HEX |
RGB |
HSL |
#f8fbfc |
rgb(248,251,252) |
hsl(184,32%,98%) |
#e7f2f3 |
rgb(231,242,243) |
hsl(184,32%,93%) |
#d7e9ea |
rgb(215,233,234) |
hsl(184,32%,88%) |
#c6e0e2 |
rgb(198,224,226) |
hsl(184,32%,83%) |
#b5d6d9 |
rgb(181,214,217) |
hsl(184,32%,78%) |
#a4cdd0 |
rgb(164,205,208) |
hsl(184,32%,73%) |
#93c4c8 |
rgb(147,196,200) |
hsl(184,32%,68%) |
#82bbbf |
rgb(130,187,191) |
hsl(184,32%,63%) |
#72b2b6 |
rgb(114,178,182) |
hsl(184,32%,58%) |
#61a8ae |
rgb(97,168,174) |
hsl(184,32%,53%) |
#539ca2 |
rgb(83,156,162) |
hsl(184,32%,48%) |
#4b8c91 |
rgb(75,140,145) |
hsl(184,32%,43%) |
#427c80 |
rgb(66,124,128) |
hsl(184,32%,38%) |
#396b6f |
rgb(57,107,111) |
hsl(184,32%,33%) |
#315b5e |
rgb(49,91,94) |
hsl(184,32%,28%) |
#284b4d |
rgb(40,75,77) |
hsl(184,32%,23%) |
#1f3b3d |
rgb(31,59,61) |
hsl(184,32%,18%) |
#172a2c |
rgb(23,42,44) |
hsl(184,32%,13%) |
#0e1a1b |
rgb(14,26,27) |
hsl(184,32%,8%) |
#050a0a |
rgb(5,10,10) |
hsl(184,32%,3%) |
Adjacent colors
HEX |
RGB |
HSL |
#54A373 |
rgb(84,163,115) |
hsl(144,32%,48%) |
#549EA3 |
rgb(84,158,163) |
hsl(184,32%,48%) |
#5469A3 |
rgb(84,105,163) |
hsl(224,32%,48%) |
Monochromatic colors
HEX |
RGB |
HSL |
#85BDC0 |
rgb(133,189,192) |
hsl(183,32%,64%) |
#6BADB3 |
rgb(107,173,179) |
hsl(185,32%,56%) |
#549EA3 |
rgb(84,158,163) |
hsl(184,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 |
#549EA3 |
rgb(84,158,163) |
hsl(184,32%,48%) |
#A35476 |
rgb(163,84,118) |
hsl(334,32%,48%) |
#A38054 |
rgb(163,128,84) |
hsl(33,32%,48%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#549EA3 |
rgb(84,158,163) |
hsl(184,32%,48%) |
#A35954 |
rgb(163,89,84) |
hsl(4,32%,48%) |
#54A380 |
rgb(84,163,128) |
hsl(153,32%,48%) |
#A38054 |
rgb(163,128,84) |
hsl(33,32%,48%) |