HEX #5AA1D6 color — Havelock Blue
The color #5AA1D6 is a light shade and moderately saturated.
Palette
5AA1D6 color palette from light to dark
| HEX |
RGB |
HSL |
| #ebf3fa |
rgb(235,243,250) |
hsl(206,60%,95%) |
| #d6e8f5 |
rgb(214,232,245) |
hsl(206,60%,90%) |
| #c2dcf0 |
rgb(194,220,240) |
hsl(206,60%,85%) |
| #add0eb |
rgb(173,208,235) |
hsl(206,60%,80%) |
| #99c4e6 |
rgb(153,196,230) |
hsl(206,60%,75%) |
| #85b9e0 |
rgb(133,185,224) |
hsl(206,60%,70%) |
| #70addb |
rgb(112,173,219) |
hsl(206,60%,65%) |
| #5ca1d6 |
rgb(92,161,214) |
hsl(206,60%,60%) |
| #4795d1 |
rgb(71,149,209) |
hsl(206,60%,55%) |
| #338acc |
rgb(51,138,204) |
hsl(206,60%,50%) |
| #2e7cb8 |
rgb(46,124,184) |
hsl(206,60%,45%) |
| #296ea3 |
rgb(41,110,163) |
hsl(206,60%,40%) |
| #24608f |
rgb(36,96,143) |
hsl(206,60%,35%) |
| #1f537a |
rgb(31,83,122) |
hsl(206,60%,30%) |
| #1a4566 |
rgb(26,69,102) |
hsl(206,60%,25%) |
| #143752 |
rgb(20,55,82) |
hsl(206,60%,20%) |
| #0f293d |
rgb(15,41,61) |
hsl(206,60%,15%) |
| #0a1c29 |
rgb(10,28,41) |
hsl(206,60%,10%) |
| #050e14 |
rgb(5,14,20) |
hsl(206,60%,5%) |
Adjacent colors
| HEX |
RGB |
HSL |
| #5AD6B8 |
rgb(90,214,184) |
hsl(165,60%,60%) |
| #5AA1D6 |
rgb(90,161,214) |
hsl(206,60%,60%) |
| #6559D6 |
rgb(101,89,214) |
hsl(246,60%,59%) |
Monochromatic colors
| HEX |
RGB |
HSL |
| #A7CFE9 |
rgb(167,207,233) |
hsl(204,60%,78%) |
| #80B8DF |
rgb(128,184,223) |
hsl(205,60%,69%) |
| #5AA1D6 |
rgb(90,161,214) |
hsl(206,60%,60%) |
| #338ACC |
rgb(51,138,204) |
hsl(206,60%,50%) |
| #2970A5 |
rgb(41,112,165) |
hsl(206,60%,40%) |
| #1F577E |
rgb(31,87,126) |
hsl(205,61%,31%) |
Triad color palettes
| HEX |
RGB |
HSL |
| #5AA1D6 |
rgb(90,161,214) |
hsl(206,60%,60%) |
| #D65963 |
rgb(214,89,99) |
hsl(355,60%,59%) |
| #D6CC5A |
rgb(214,204,90) |
hsl(55,60%,60%) |
Tetrad color palettes
| HEX |
RGB |
HSL |
| #5AA1D6 |
rgb(90,161,214) |
hsl(206,60%,60%) |
| #D68F5A |
rgb(214,143,90) |
hsl(26,60%,60%) |
| #5AD6CD |
rgb(90,214,205) |
hsl(176,60%,60%) |
| #D6CC5A |
rgb(214,204,90) |
hsl(55,60%,60%) |
