HEX #5AA1D7 color — Havelock Blue
The color #5AA1D7 is a light shade and moderately saturated.
Palette
5AA1D7 color palette from light to dark
| HEX |
RGB |
HSL |
| #eaf3fa |
rgb(234,243,250) |
hsl(206,61%,95%) |
| #d6e8f5 |
rgb(214,232,245) |
hsl(206,61%,90%) |
| #c1dcf0 |
rgb(193,220,240) |
hsl(206,61%,85%) |
| #add0eb |
rgb(173,208,235) |
hsl(206,61%,80%) |
| #98c4e6 |
rgb(152,196,230) |
hsl(206,61%,75%) |
| #84b9e1 |
rgb(132,185,225) |
hsl(206,61%,70%) |
| #6faddc |
rgb(111,173,220) |
hsl(206,61%,65%) |
| #5ba1d7 |
rgb(91,161,215) |
hsl(206,61%,60%) |
| #4696d2 |
rgb(70,150,210) |
hsl(206,61%,55%) |
| #328acd |
rgb(50,138,205) |
hsl(206,61%,50%) |
| #2d7cb9 |
rgb(45,124,185) |
hsl(206,61%,45%) |
| #286ea4 |
rgb(40,110,164) |
hsl(206,61%,40%) |
| #236190 |
rgb(35,97,144) |
hsl(206,61%,35%) |
| #1e537b |
rgb(30,83,123) |
hsl(206,61%,30%) |
| #194567 |
rgb(25,69,103) |
hsl(206,61%,25%) |
| #143752 |
rgb(20,55,82) |
hsl(206,61%,20%) |
| #0f293e |
rgb(15,41,62) |
hsl(206,61%,15%) |
| #0a1c29 |
rgb(10,28,41) |
hsl(206,61%,10%) |
| #050e15 |
rgb(5,14,21) |
hsl(206,61%,5%) |
Adjacent colors
| HEX |
RGB |
HSL |
| #5AD6B9 |
rgb(90,214,185) |
hsl(166,60%,60%) |
| #5AA1D7 |
rgb(90,161,215) |
hsl(206,61%,60%) |
| #6659D7 |
rgb(102,89,215) |
hsl(246,61%,60%) |
Monochromatic colors
| HEX |
RGB |
HSL |
| #A8CFEA |
rgb(168,207,234) |
hsl(205,61%,79%) |
| #81B8E0 |
rgb(129,184,224) |
hsl(205,61%,69%) |
| #5AA1D7 |
rgb(90,161,215) |
hsl(206,61%,60%) |
| #328ACD |
rgb(50,138,205) |
hsl(206,61%,50%) |
| #2870A6 |
rgb(40,112,166) |
hsl(206,61%,40%) |
| #1E577F |
rgb(30,87,127) |
hsl(205,62%,31%) |
Triad color palettes
| HEX |
RGB |
HSL |
| #5AA1D7 |
rgb(90,161,215) |
hsl(206,61%,60%) |
| #D75962 |
rgb(215,89,98) |
hsl(356,61%,60%) |
| #D7CF5A |
rgb(215,207,90) |
hsl(56,61%,60%) |
Tetrad color palettes
| HEX |
RGB |
HSL |
| #5AA1D7 |
rgb(90,161,215) |
hsl(206,61%,60%) |
| #D78F5A |
rgb(215,143,90) |
hsl(25,61%,60%) |
| #5AD6CE |
rgb(90,214,206) |
hsl(176,60%,60%) |
| #D7CF5A |
rgb(215,207,90) |
hsl(56,61%,60%) |
