HEX #548AA2 color — Horizon
The color #548AA2 is a dark shade and slightly desaturated.
Palette
548AA2 color palette from light to dark
HEX |
RGB |
HSL |
#f8fbfc |
rgb(248,251,252) |
hsl(198,32%,98%) |
#e7eff3 |
rgb(231,239,243) |
hsl(198,32%,93%) |
#d7e4ea |
rgb(215,228,234) |
hsl(198,32%,88%) |
#c6d9e2 |
rgb(198,217,226) |
hsl(198,32%,83%) |
#b5ced9 |
rgb(181,206,217) |
hsl(198,32%,78%) |
#a4c3d0 |
rgb(164,195,208) |
hsl(198,32%,73%) |
#93b8c8 |
rgb(147,184,200) |
hsl(198,32%,68%) |
#82adbf |
rgb(130,173,191) |
hsl(198,32%,63%) |
#72a2b6 |
rgb(114,162,182) |
hsl(198,32%,58%) |
#6196ae |
rgb(97,150,174) |
hsl(198,32%,53%) |
#538aa2 |
rgb(83,138,162) |
hsl(198,32%,48%) |
#4b7c91 |
rgb(75,124,145) |
hsl(198,32%,43%) |
#426d80 |
rgb(66,109,128) |
hsl(198,32%,38%) |
#395f6f |
rgb(57,95,111) |
hsl(198,32%,33%) |
#31515e |
rgb(49,81,94) |
hsl(198,32%,28%) |
#28424d |
rgb(40,66,77) |
hsl(198,32%,23%) |
#1f343d |
rgb(31,52,61) |
hsl(198,32%,18%) |
#17252c |
rgb(23,37,44) |
hsl(198,32%,13%) |
#0e171b |
rgb(14,23,27) |
hsl(198,32%,8%) |
#05090a |
rgb(5,9,10) |
hsl(198,32%,3%) |
Adjacent colors
HEX |
RGB |
HSL |
#54A386 |
rgb(84,163,134) |
hsl(158,32%,48%) |
#548AA2 |
rgb(84,138,162) |
hsl(198,32%,48%) |
#5457A2 |
rgb(84,87,162) |
hsl(238,32%,48%) |
Monochromatic colors
HEX |
RGB |
HSL |
#84ADBF |
rgb(132,173,191) |
hsl(198,32%,63%) |
#6B9CB2 |
rgb(107,156,178) |
hsl(199,32%,56%) |
#548AA2 |
rgb(84,138,162) |
hsl(198,32%,48%) |
#467388 |
rgb(70,115,136) |
hsl(199,32%,40%) |
#395E6E |
rgb(57,94,110) |
hsl(198,32%,33%) |
#2B4754 |
rgb(43,71,84) |
hsl(199,32%,25%) |
Triad color palettes
HEX |
RGB |
HSL |
#548AA2 |
rgb(84,138,162) |
hsl(198,32%,48%) |
#A25463 |
rgb(162,84,99) |
hsl(348,32%,48%) |
#A29454 |
rgb(162,148,84) |
hsl(49,32%,48%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#548AA2 |
rgb(84,138,162) |
hsl(198,32%,48%) |
#A26B54 |
rgb(162,107,84) |
hsl(18,32%,48%) |
#54A393 |
rgb(84,163,147) |
hsl(168,32%,48%) |
#A29454 |
rgb(162,148,84) |
hsl(49,32%,48%) |