HEX #5780E2 color — Havelock Blue
The color #5780E2 is a dark shade and moderately saturated.
Palette
5780E2 color palette from light to dark
HEX |
RGB |
HSL |
#eef2fc |
rgb(238,242,252) |
hsl(222,71%,96%) |
#d8e2f8 |
rgb(216,226,248) |
hsl(222,71%,91%) |
#c2d1f5 |
rgb(194,209,245) |
hsl(222,71%,86%) |
#acc1f1 |
rgb(172,193,241) |
hsl(222,71%,81%) |
#96b0ed |
rgb(150,176,237) |
hsl(222,71%,76%) |
#81a0ea |
rgb(129,160,234) |
hsl(222,71%,71%) |
#6b90e6 |
rgb(107,144,230) |
hsl(222,71%,66%) |
#557fe2 |
rgb(85,127,226) |
hsl(222,71%,61%) |
#3f6fde |
rgb(63,111,222) |
hsl(222,71%,56%) |
#295fdb |
rgb(41,95,219) |
hsl(222,71%,51%) |
#2254c9 |
rgb(34,84,201) |
hsl(222,71%,46%) |
#1e4bb3 |
rgb(30,75,179) |
hsl(222,71%,41%) |
#1b429d |
rgb(27,66,157) |
hsl(222,71%,36%) |
#173987 |
rgb(23,57,135) |
hsl(222,71%,31%) |
#132f71 |
rgb(19,47,113) |
hsl(222,71%,26%) |
#10265c |
rgb(16,38,92) |
hsl(222,71%,21%) |
#0c1d46 |
rgb(12,29,70) |
hsl(222,71%,16%) |
#081430 |
rgb(8,20,48) |
hsl(222,71%,11%) |
#040b1a |
rgb(4,11,26) |
hsl(222,71%,6%) |
#010204 |
rgb(1,2,4) |
hsl(222,71%,1%) |
Adjacent colors
HEX |
RGB |
HSL |
#57DEE2 |
rgb(87,222,226) |
hsl(182,71%,61%) |
#5780E2 |
rgb(87,128,226) |
hsl(222,71%,61%) |
#8A57E2 |
rgb(138,87,226) |
hsl(262,71%,61%) |
Monochromatic colors
HEX |
RGB |
HSL |
#D7E0F8 |
rgb(215,224,248) |
hsl(224,70%,91%) |
#ACC2F0 |
rgb(172,194,240) |
hsl(221,69%,81%) |
#81A1E9 |
rgb(129,161,233) |
hsl(222,70%,71%) |
#5780E2 |
rgb(87,128,226) |
hsl(222,71%,61%) |
#2C61DA |
rgb(44,97,218) |
hsl(222,70%,51%) |
#1F4DB5 |
rgb(31,77,181) |
hsl(222,71%,42%) |
Triad color palettes
HEX |
RGB |
HSL |
#5780E2 |
rgb(87,128,226) |
hsl(222,71%,61%) |
#E27357 |
rgb(226,115,87) |
hsl(12,71%,61%) |
#C5E357 |
rgb(197,227,87) |
hsl(73,71%,62%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#5780E2 |
rgb(87,128,226) |
hsl(222,71%,61%) |
#E2BA57 |
rgb(226,186,87) |
hsl(43,71%,61%) |
#57C4E2 |
rgb(87,196,226) |
hsl(193,71%,61%) |
#C5E357 |
rgb(197,227,87) |
hsl(73,71%,62%) |