HEX #5A84D8 color — Havelock Blue
The color #5a84d8 is a light shade and moderately saturated.
Palette
5a84d8 color palette from light to dark
HEX |
RGB |
HSL |
#eaf0fa |
rgb(234,240,250) |
hsl(220,62%,95%) |
#d6e0f5 |
rgb(214,224,245) |
hsl(220,62%,90%) |
#c1d1f0 |
rgb(193,209,240) |
hsl(220,62%,85%) |
#acc1ec |
rgb(172,193,236) |
hsl(220,62%,80%) |
#98b2e7 |
rgb(152,178,231) |
hsl(220,62%,75%) |
#83a3e2 |
rgb(131,163,226) |
hsl(220,62%,70%) |
#6e93dd |
rgb(110,147,221) |
hsl(220,62%,65%) |
#5a84d8 |
rgb(90,132,216) |
hsl(220,62%,60%) |
#4575d3 |
rgb(69,117,211) |
hsl(220,62%,55%) |
#3065cf |
rgb(48,101,207) |
hsl(220,62%,50%) |
#2c5bba |
rgb(44,91,186) |
hsl(220,62%,45%) |
#2751a5 |
rgb(39,81,165) |
hsl(220,62%,40%) |
#224791 |
rgb(34,71,145) |
hsl(220,62%,35%) |
#1d3d7c |
rgb(29,61,124) |
hsl(220,62%,30%) |
#183367 |
rgb(24,51,103) |
hsl(220,62%,25%) |
#132853 |
rgb(19,40,83) |
hsl(220,62%,20%) |
#0f1e3e |
rgb(15,30,62) |
hsl(220,62%,15%) |
#0a1429 |
rgb(10,20,41) |
hsl(220,62%,10%) |
#050a15 |
rgb(5,10,21) |
hsl(220,62%,5%) |
Adjacent colors
HEX |
RGB |
HSL |
#5AD9D8 |
rgb(90,217,216) |
hsl(180,63%,60%) |
#5A84D8 |
rgb(90,132,216) |
hsl(220,62%,60%) |
#8459D8 |
rgb(132,89,216) |
hsl(260,62%,60%) |
Monochromatic colors
HEX |
RGB |
HSL |
#D0DBF4 |
rgb(208,219,244) |
hsl(222,62%,89%) |
#A9BFEA |
rgb(169,191,234) |
hsl(220,61%,79%) |
#81A1E1 |
rgb(129,161,225) |
hsl(220,62%,69%) |
#5A84D8 |
rgb(90,132,216) |
hsl(220,62%,60%) |
#3266CE |
rgb(50,102,206) |
hsl(220,61%,50%) |
#2752A8 |
rgb(39,82,168) |
hsl(220,62%,41%) |
Triad color palettes
HEX |
RGB |
HSL |
#5A84D8 |
rgb(90,132,216) |
hsl(220,62%,60%) |
#D8705A |
rgb(216,112,90) |
hsl(10,62%,60%) |
#C3D95A |
rgb(195,217,90) |
hsl(70,63%,60%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#5A84D8 |
rgb(90,132,216) |
hsl(220,62%,60%) |
#D8AD5A |
rgb(216,173,90) |
hsl(40,62%,60%) |
#5AC2D8 |
rgb(90,194,216) |
hsl(190,62%,60%) |
#C3D95A |
rgb(195,217,90) |
hsl(70,63%,60%) |