HEX #548AA3 color — Horizon
The color #548AA3 is a dark shade and slightly desaturated.
Palette
548AA3 color palette from light to dark
HEX |
RGB |
HSL |
#f8fafc |
rgb(248,250,252) |
hsl(199,32%,98%) |
#e7eff3 |
rgb(231,239,243) |
hsl(199,32%,93%) |
#d7e4ea |
rgb(215,228,234) |
hsl(199,32%,88%) |
#c6d9e2 |
rgb(198,217,226) |
hsl(199,32%,83%) |
#b5cdd9 |
rgb(181,205,217) |
hsl(199,32%,78%) |
#a4c2d0 |
rgb(164,194,208) |
hsl(199,32%,73%) |
#93b7c8 |
rgb(147,183,200) |
hsl(199,32%,68%) |
#82acbf |
rgb(130,172,191) |
hsl(199,32%,63%) |
#72a0b6 |
rgb(114,160,182) |
hsl(199,32%,58%) |
#6195ae |
rgb(97,149,174) |
hsl(199,32%,53%) |
#5389a2 |
rgb(83,137,162) |
hsl(199,32%,48%) |
#4b7b91 |
rgb(75,123,145) |
hsl(199,32%,43%) |
#426c80 |
rgb(66,108,128) |
hsl(199,32%,38%) |
#395e6f |
rgb(57,94,111) |
hsl(199,32%,33%) |
#31505e |
rgb(49,80,94) |
hsl(199,32%,28%) |
#28424d |
rgb(40,66,77) |
hsl(199,32%,23%) |
#1f333d |
rgb(31,51,61) |
hsl(199,32%,18%) |
#17252c |
rgb(23,37,44) |
hsl(199,32%,13%) |
#0e171b |
rgb(14,23,27) |
hsl(199,32%,8%) |
#05090a |
rgb(5,9,10) |
hsl(199,32%,3%) |
Adjacent colors
HEX |
RGB |
HSL |
#54A387 |
rgb(84,163,135) |
hsl(159,32%,48%) |
#548AA3 |
rgb(84,138,163) |
hsl(199,32%,48%) |
#5454A3 |
rgb(84,84,163) |
hsl(240,32%,48%) |
Monochromatic colors
HEX |
RGB |
HSL |
#85ADC0 |
rgb(133,173,192) |
hsl(199,32%,64%) |
#6B9CB3 |
rgb(107,156,179) |
hsl(199,32%,56%) |
#548AA3 |
rgb(84,138,163) |
hsl(199,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 |
#548AA3 |
rgb(84,138,163) |
hsl(199,32%,48%) |
#A35462 |
rgb(163,84,98) |
hsl(349,32%,48%) |
#A39454 |
rgb(163,148,84) |
hsl(49,32%,48%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#548AA3 |
rgb(84,138,163) |
hsl(199,32%,48%) |
#A36E54 |
rgb(163,110,84) |
hsl(20,32%,48%) |
#54A394 |
rgb(84,163,148) |
hsl(169,32%,48%) |
#A39454 |
rgb(163,148,84) |
hsl(49,32%,48%) |