HEX #5AA3D7 color — Havelock Blue
The color #5AA3D7 is a light shade and moderately saturated.
Palette
5AA3D7 color palette from light to dark
HEX |
RGB |
HSL |
#eaf4fa |
rgb(234,244,250) |
hsl(205,61%,95%) |
#d6e8f5 |
rgb(214,232,245) |
hsl(205,61%,90%) |
#c1ddf0 |
rgb(193,221,240) |
hsl(205,61%,85%) |
#add1eb |
rgb(173,209,235) |
hsl(205,61%,80%) |
#98c6e6 |
rgb(152,198,230) |
hsl(205,61%,75%) |
#84bae1 |
rgb(132,186,225) |
hsl(205,61%,70%) |
#6fafdc |
rgb(111,175,220) |
hsl(205,61%,65%) |
#5ba3d7 |
rgb(91,163,215) |
hsl(205,61%,60%) |
#4698d2 |
rgb(70,152,210) |
hsl(205,61%,55%) |
#328ccd |
rgb(50,140,205) |
hsl(205,61%,50%) |
#2d7eb9 |
rgb(45,126,185) |
hsl(205,61%,45%) |
#2870a4 |
rgb(40,112,164) |
hsl(205,61%,40%) |
#236290 |
rgb(35,98,144) |
hsl(205,61%,35%) |
#1e547b |
rgb(30,84,123) |
hsl(205,61%,30%) |
#194667 |
rgb(25,70,103) |
hsl(205,61%,25%) |
#143852 |
rgb(20,56,82) |
hsl(205,61%,20%) |
#0f2a3e |
rgb(15,42,62) |
hsl(205,61%,15%) |
#0a1c29 |
rgb(10,28,41) |
hsl(205,61%,10%) |
#050e15 |
rgb(5,14,21) |
hsl(205,61%,5%) |
Adjacent colors
HEX |
RGB |
HSL |
#5AD6B7 |
rgb(90,214,183) |
hsl(165,60%,60%) |
#5AA3D7 |
rgb(90,163,215) |
hsl(205,61%,60%) |
#6459D7 |
rgb(100,89,215) |
hsl(245,61%,60%) |
Monochromatic colors
HEX |
RGB |
HSL |
#A8CFEA |
rgb(168,207,234) |
hsl(205,61%,79%) |
#81BAE0 |
rgb(129,186,224) |
hsl(204,61%,69%) |
#5AA3D7 |
rgb(90,163,215) |
hsl(205,61%,60%) |
#328CCD |
rgb(50,140,205) |
hsl(205,61%,50%) |
#2873A6 |
rgb(40,115,166) |
hsl(204,61%,40%) |
#1E577F |
rgb(30,87,127) |
hsl(205,62%,31%) |
Triad color palettes
HEX |
RGB |
HSL |
#5AA3D7 |
rgb(90,163,215) |
hsl(205,61%,60%) |
#D75964 |
rgb(215,89,100) |
hsl(355,61%,60%) |
#D7CC5A |
rgb(215,204,90) |
hsl(55,61%,60%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#5AA3D7 |
rgb(90,163,215) |
hsl(205,61%,60%) |
#D78F5A |
rgb(215,143,90) |
hsl(25,61%,60%) |
#5AD6CC |
rgb(90,214,204) |
hsl(175,60%,60%) |
#D7CC5A |
rgb(215,204,90) |
hsl(55,61%,60%) |