HEX #568CE2 color — Havelock Blue
The color #568CE2 is a light shade and moderately saturated.
Palette
568CE2 color palette from light to dark
HEX |
RGB |
HSL |
#eef3fc |
rgb(238,243,252) |
hsl(217,71%,96%) |
#d8e4f8 |
rgb(216,228,248) |
hsl(217,71%,91%) |
#c2d5f5 |
rgb(194,213,245) |
hsl(217,71%,86%) |
#acc7f1 |
rgb(172,199,241) |
hsl(217,71%,81%) |
#96b8ed |
rgb(150,184,237) |
hsl(217,71%,76%) |
#81a9ea |
rgb(129,169,234) |
hsl(217,71%,71%) |
#6b9ae6 |
rgb(107,154,230) |
hsl(217,71%,66%) |
#558be2 |
rgb(85,139,226) |
hsl(217,71%,61%) |
#3f7cde |
rgb(63,124,222) |
hsl(217,71%,56%) |
#296ddb |
rgb(41,109,219) |
hsl(217,71%,51%) |
#2262c9 |
rgb(34,98,201) |
hsl(217,71%,46%) |
#1e57b3 |
rgb(30,87,179) |
hsl(217,71%,41%) |
#1b4d9d |
rgb(27,77,157) |
hsl(217,71%,36%) |
#174287 |
rgb(23,66,135) |
hsl(217,71%,31%) |
#133771 |
rgb(19,55,113) |
hsl(217,71%,26%) |
#102d5c |
rgb(16,45,92) |
hsl(217,71%,21%) |
#0c2246 |
rgb(12,34,70) |
hsl(217,71%,16%) |
#081730 |
rgb(8,23,48) |
hsl(217,71%,11%) |
#040d1a |
rgb(4,13,26) |
hsl(217,71%,6%) |
#010204 |
rgb(1,2,4) |
hsl(217,71%,1%) |
Adjacent colors
HEX |
RGB |
HSL |
#56E3DA |
rgb(86,227,218) |
hsl(176,72%,61%) |
#568CE2 |
rgb(86,140,226) |
hsl(217,71%,61%) |
#7D57E2 |
rgb(125,87,226) |
hsl(256,71%,61%) |
Monochromatic colors
HEX |
RGB |
HSL |
#D5E3F7 |
rgb(213,227,247) |
hsl(215,68%,90%) |
#ABC7F0 |
rgb(171,199,240) |
hsl(216,70%,81%) |
#80A8E9 |
rgb(128,168,233) |
hsl(217,70%,71%) |
#568CE2 |
rgb(86,140,226) |
hsl(217,71%,61%) |
#2B70DA |
rgb(43,112,218) |
hsl(216,70%,51%) |
#1F59B5 |
rgb(31,89,181) |
hsl(217,71%,42%) |
Triad color palettes
HEX |
RGB |
HSL |
#568CE2 |
rgb(86,140,226) |
hsl(217,71%,61%) |
#E26656 |
rgb(226,102,86) |
hsl(7,71%,61%) |
#D2E356 |
rgb(210,227,86) |
hsl(67,72%,61%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#568CE2 |
rgb(86,140,226) |
hsl(217,71%,61%) |
#E2AB56 |
rgb(226,171,86) |
hsl(36,71%,61%) |
#56D1E2 |
rgb(86,209,226) |
hsl(187,71%,61%) |
#D2E356 |
rgb(210,227,86) |
hsl(67,72%,61%) |