HEX #5A86DD color — Havelock Blue
The color #5a86dd is a light shade and moderately saturated.
Palette
5a86dd color palette from light to dark
HEX |
RGB |
HSL |
#eef3fc |
rgb(238,243,252) |
hsl(220,66%,96%) |
#d9e3f7 |
rgb(217,227,247) |
hsl(220,66%,91%) |
#c4d3f3 |
rgb(196,211,243) |
hsl(220,66%,86%) |
#afc4ef |
rgb(175,196,239) |
hsl(220,66%,81%) |
#99b4ea |
rgb(153,180,234) |
hsl(220,66%,76%) |
#84a5e6 |
rgb(132,165,230) |
hsl(220,66%,71%) |
#6f95e2 |
rgb(111,149,226) |
hsl(220,66%,66%) |
#5a86dd |
rgb(90,134,221) |
hsl(220,66%,61%) |
#4576d9 |
rgb(69,118,217) |
hsl(220,66%,56%) |
#3067d5 |
rgb(48,103,213) |
hsl(220,66%,51%) |
#285bc3 |
rgb(40,91,195) |
hsl(220,66%,46%) |
#2452ae |
rgb(36,82,174) |
hsl(220,66%,41%) |
#1f4898 |
rgb(31,72,152) |
hsl(220,66%,36%) |
#1b3e83 |
rgb(27,62,131) |
hsl(220,66%,31%) |
#17346e |
rgb(23,52,110) |
hsl(220,66%,26%) |
#122a59 |
rgb(18,42,89) |
hsl(220,66%,21%) |
#0e2044 |
rgb(14,32,68) |
hsl(220,66%,16%) |
#0a162f |
rgb(10,22,47) |
hsl(220,66%,11%) |
#050c19 |
rgb(5,12,25) |
hsl(220,66%,6%) |
#010204 |
rgb(1,2,4) |
hsl(220,66%,1%) |
Adjacent colors
HEX |
RGB |
HSL |
#5ADEDC |
rgb(90,222,220) |
hsl(179,67%,61%) |
#5A86DD |
rgb(90,134,221) |
hsl(220,66%,61%) |
#8559DD |
rgb(133,89,221) |
hsl(260,66%,61%) |
Monochromatic colors
HEX |
RGB |
HSL |
#D5E0F6 |
rgb(213,224,246) |
hsl(220,65%,90%) |
#ACC2EE |
rgb(172,194,238) |
hsl(220,66%,80%) |
#83A3E5 |
rgb(131,163,229) |
hsl(220,65%,71%) |
#5A86DD |
rgb(90,134,221) |
hsl(220,66%,61%) |
#3069D4 |
rgb(48,105,212) |
hsl(219,66%,51%) |
#2454AF |
rgb(36,84,175) |
hsl(219,66%,41%) |
Triad color palettes
HEX |
RGB |
HSL |
#5A86DD |
rgb(90,134,221) |
hsl(220,66%,61%) |
#DD705A |
rgb(221,112,90) |
hsl(10,66%,61%) |
#C7DE5A |
rgb(199,222,90) |
hsl(70,67%,61%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#5A86DD |
rgb(90,134,221) |
hsl(220,66%,61%) |
#DDB05A |
rgb(221,176,90) |
hsl(39,66%,61%) |
#5AC7DD |
rgb(90,199,221) |
hsl(190,66%,61%) |
#C7DE5A |
rgb(199,222,90) |
hsl(70,67%,61%) |