HEX #5A87A2 color — Horizon
The color #5A87A2 is a dark shade and slightly desaturated.
Palette
5A87A2 color palette from light to dark
HEX |
RGB |
HSL |
#fcfdfd |
rgb(252,253,253) |
hsl(203,29%,99%) |
#ebf1f4 |
rgb(235,241,244) |
hsl(203,29%,94%) |
#dbe5eb |
rgb(219,229,235) |
hsl(203,29%,89%) |
#cad9e2 |
rgb(202,217,226) |
hsl(203,29%,84%) |
#bacdd9 |
rgb(186,205,217) |
hsl(203,29%,79%) |
#a9c1d0 |
rgb(169,193,208) |
hsl(203,29%,74%) |
#99b5c7 |
rgb(153,181,199) |
hsl(203,29%,69%) |
#89a9be |
rgb(137,169,190) |
hsl(203,29%,64%) |
#789eb5 |
rgb(120,158,181) |
hsl(203,29%,59%) |
#6892ac |
rgb(104,146,172) |
hsl(203,29%,54%) |
#5985a1 |
rgb(89,133,161) |
hsl(203,29%,49%) |
#507891 |
rgb(80,120,145) |
hsl(203,29%,44%) |
#476a80 |
rgb(71,106,128) |
hsl(203,29%,39%) |
#3e5d70 |
rgb(62,93,112) |
hsl(203,29%,34%) |
#354f5f |
rgb(53,79,95) |
hsl(203,29%,29%) |
#2b414f |
rgb(43,65,79) |
hsl(203,29%,24%) |
#22343f |
rgb(34,52,63) |
hsl(203,29%,19%) |
#19262e |
rgb(25,38,46) |
hsl(203,29%,14%) |
#10191e |
rgb(16,25,30) |
hsl(203,29%,9%) |
#070b0d |
rgb(7,11,13) |
hsl(203,29%,4%) |
Adjacent colors
HEX |
RGB |
HSL |
#5AA38D |
rgb(90,163,141) |
hsl(162,29%,50%) |
#5A87A2 |
rgb(90,135,162) |
hsl(203,29%,49%) |
#5D59A2 |
rgb(93,89,162) |
hsl(243,29%,49%) |
Monochromatic colors
HEX |
RGB |
HSL |
#8CADBF |
rgb(140,173,191) |
hsl(201,28%,65%) |
#7399B1 |
rgb(115,153,177) |
hsl(203,28%,57%) |
#5A87A2 |
rgb(90,135,162) |
hsl(203,29%,49%) |
#4B7088 |
rgb(75,112,136) |
hsl(204,29%,41%) |
#3D5C6E |
rgb(61,92,110) |
hsl(202,29%,34%) |
#2E4754 |
rgb(46,71,84) |
hsl(201,29%,25%) |
Triad color palettes
HEX |
RGB |
HSL |
#5A87A2 |
rgb(90,135,162) |
hsl(203,29%,49%) |
#A25963 |
rgb(162,89,99) |
hsl(352,29%,49%) |
#A2995A |
rgb(162,153,90) |
hsl(53,29%,49%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#5A87A2 |
rgb(90,135,162) |
hsl(203,29%,49%) |
#A2755A |
rgb(162,117,90) |
hsl(23,29%,49%) |
#5AA399 |
rgb(90,163,153) |
hsl(172,29%,50%) |
#A2995A |
rgb(162,153,90) |
hsl(53,29%,49%) |