HEX #549CA2 color — Breaker Bay
The color #549CA2 is a light shade and slightly desaturated.
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%) |