HEX #5A9DD8 color — Havelock Blue
The color #5a9dd8 is a light shade and moderately saturated.
Palette
5a9dd8 color palette from light to dark
HEX |
RGB |
HSL |
#eaf3fa |
rgb(234,243,250) |
hsl(208,62%,95%) |
#d6e7f5 |
rgb(214,231,245) |
hsl(208,62%,90%) |
#c1daf0 |
rgb(193,218,240) |
hsl(208,62%,85%) |
#acceec |
rgb(172,206,236) |
hsl(208,62%,80%) |
#98c2e7 |
rgb(152,194,231) |
hsl(208,62%,75%) |
#83b6e2 |
rgb(131,182,226) |
hsl(208,62%,70%) |
#6ea9dd |
rgb(110,169,221) |
hsl(208,62%,65%) |
#5a9dd8 |
rgb(90,157,216) |
hsl(208,62%,60%) |
#4591d3 |
rgb(69,145,211) |
hsl(208,62%,55%) |
#3085cf |
rgb(48,133,207) |
hsl(208,62%,50%) |
#2c77ba |
rgb(44,119,186) |
hsl(208,62%,45%) |
#276aa5 |
rgb(39,106,165) |
hsl(208,62%,40%) |
#225d91 |
rgb(34,93,145) |
hsl(208,62%,35%) |
#1d507c |
rgb(29,80,124) |
hsl(208,62%,30%) |
#184267 |
rgb(24,66,103) |
hsl(208,62%,25%) |
#133553 |
rgb(19,53,83) |
hsl(208,62%,20%) |
#0f283e |
rgb(15,40,62) |
hsl(208,62%,15%) |
#0a1b29 |
rgb(10,27,41) |
hsl(208,62%,10%) |
#050d15 |
rgb(5,13,21) |
hsl(208,62%,5%) |
Adjacent colors
HEX |
RGB |
HSL |
#5AD9BF |
rgb(90,217,191) |
hsl(168,63%,60%) |
#5A9DD8 |
rgb(90,157,216) |
hsl(208,62%,60%) |
#6B59D8 |
rgb(107,89,216) |
hsl(249,62%,60%) |
Monochromatic colors
HEX |
RGB |
HSL |
#D0E3F4 |
rgb(208,227,244) |
hsl(208,62%,89%) |
#A9CCEA |
rgb(169,204,234) |
hsl(208,61%,79%) |
#81B5E1 |
rgb(129,181,225) |
hsl(208,62%,69%) |
#5A9DD8 |
rgb(90,157,216) |
hsl(208,62%,60%) |
#3285CE |
rgb(50,133,206) |
hsl(208,61%,50%) |
#276BA8 |
rgb(39,107,168) |
hsl(208,62%,41%) |
Triad color palettes
HEX |
RGB |
HSL |
#5A9DD8 |
rgb(90,157,216) |
hsl(208,62%,60%) |
#D8595E |
rgb(216,89,94) |
hsl(358,62%,60%) |
#D8D45A |
rgb(216,212,90) |
hsl(58,62%,60%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#5A9DD8 |
rgb(90,157,216) |
hsl(208,62%,60%) |
#D8945A |
rgb(216,148,90) |
hsl(28,62%,60%) |
#5AD9D4 |
rgb(90,217,212) |
hsl(178,63%,60%) |
#D8D45A |
rgb(216,212,90) |
hsl(58,62%,60%) |