HEX #5787E2 color — Havelock Blue
The color #5787E2 is a light shade and moderately saturated.
Palette
5787E2 color palette from light to dark
HEX |
RGB |
HSL |
#eef3fc |
rgb(238,243,252) |
hsl(219,71%,96%) |
#d8e3f8 |
rgb(216,227,248) |
hsl(219,71%,91%) |
#c2d4f5 |
rgb(194,212,245) |
hsl(219,71%,86%) |
#acc4f1 |
rgb(172,196,241) |
hsl(219,71%,81%) |
#96b5ed |
rgb(150,181,237) |
hsl(219,71%,76%) |
#81a5ea |
rgb(129,165,234) |
hsl(219,71%,71%) |
#6b96e6 |
rgb(107,150,230) |
hsl(219,71%,66%) |
#5586e2 |
rgb(85,134,226) |
hsl(219,71%,61%) |
#3f77de |
rgb(63,119,222) |
hsl(219,71%,56%) |
#2967db |
rgb(41,103,219) |
hsl(219,71%,51%) |
#225cc9 |
rgb(34,92,201) |
hsl(219,71%,46%) |
#1e52b3 |
rgb(30,82,179) |
hsl(219,71%,41%) |
#1b489d |
rgb(27,72,157) |
hsl(219,71%,36%) |
#173e87 |
rgb(23,62,135) |
hsl(219,71%,31%) |
#133471 |
rgb(19,52,113) |
hsl(219,71%,26%) |
#102a5c |
rgb(16,42,92) |
hsl(219,71%,21%) |
#0c2046 |
rgb(12,32,70) |
hsl(219,71%,16%) |
#081630 |
rgb(8,22,48) |
hsl(219,71%,11%) |
#040c1a |
rgb(4,12,26) |
hsl(219,71%,6%) |
#010204 |
rgb(1,2,4) |
hsl(219,71%,1%) |
Adjacent colors
HEX |
RGB |
HSL |
#57E3E0 |
rgb(87,227,224) |
hsl(179,71%,62%) |
#5787E2 |
rgb(87,135,226) |
hsl(219,71%,61%) |
#8357E2 |
rgb(131,87,226) |
hsl(259,71%,61%) |
Monochromatic colors
HEX |
RGB |
HSL |
#D7E3F8 |
rgb(215,227,248) |
hsl(218,70%,91%) |
#ACC4F0 |
rgb(172,196,240) |
hsl(219,69%,81%) |
#81A6E9 |
rgb(129,166,233) |
hsl(219,70%,71%) |
#5787E2 |
rgb(87,135,226) |
hsl(219,71%,61%) |
#2C69DA |
rgb(44,105,218) |
hsl(219,70%,51%) |
#1F54B5 |
rgb(31,84,181) |
hsl(219,71%,42%) |
Triad color palettes
HEX |
RGB |
HSL |
#5787E2 |
rgb(87,135,226) |
hsl(219,71%,61%) |
#E26E57 |
rgb(226,110,87) |
hsl(10,71%,61%) |
#CCE357 |
rgb(204,227,87) |
hsl(70,71%,62%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#5787E2 |
rgb(87,135,226) |
hsl(219,71%,61%) |
#E2B357 |
rgb(226,179,87) |
hsl(40,71%,61%) |
#57CCE2 |
rgb(87,204,226) |
hsl(189,71%,61%) |
#CCE357 |
rgb(204,227,87) |
hsl(70,71%,62%) |