HEX #5680E0 color — Havelock Blue
The color #5680E0 is a dark shade and moderately saturated.
Palette
5680E0 color palette from light to dark
HEX |
RGB |
HSL |
#eef2fc |
rgb(238,242,252) |
hsl(222,69%,96%) |
#d8e2f8 |
rgb(216,226,248) |
hsl(222,69%,91%) |
#c3d1f4 |
rgb(195,209,244) |
hsl(222,69%,86%) |
#adc1f0 |
rgb(173,193,240) |
hsl(222,69%,81%) |
#98b1ec |
rgb(152,177,236) |
hsl(222,69%,76%) |
#82a1e8 |
rgb(130,161,232) |
hsl(222,69%,71%) |
#6c90e4 |
rgb(108,144,228) |
hsl(222,69%,66%) |
#5780e0 |
rgb(87,128,224) |
hsl(222,69%,61%) |
#4170dc |
rgb(65,112,220) |
hsl(222,69%,56%) |
#2c60d8 |
rgb(44,96,216) |
hsl(222,69%,51%) |
#2455c6 |
rgb(36,85,198) |
hsl(222,69%,46%) |
#204cb1 |
rgb(32,76,177) |
hsl(222,69%,41%) |
#1c429b |
rgb(28,66,155) |
hsl(222,69%,36%) |
#193986 |
rgb(25,57,134) |
hsl(222,69%,31%) |
#153070 |
rgb(21,48,112) |
hsl(222,69%,26%) |
#11275a |
rgb(17,39,90) |
hsl(222,69%,21%) |
#0d1e45 |
rgb(13,30,69) |
hsl(222,69%,16%) |
#09142f |
rgb(9,20,47) |
hsl(222,69%,11%) |
#050b1a |
rgb(5,11,26) |
hsl(222,69%,6%) |
#010204 |
rgb(1,2,4) |
hsl(222,69%,1%) |
Adjacent colors
HEX |
RGB |
HSL |
#56DBE0 |
rgb(86,219,224) |
hsl(182,69%,61%) |
#5680E0 |
rgb(86,128,224) |
hsl(222,69%,61%) |
#8857E0 |
rgb(136,87,224) |
hsl(261,69%,61%) |
Monochromatic colors
HEX |
RGB |
HSL |
#D3DEF7 |
rgb(211,222,247) |
hsl(222,69%,90%) |
#A9BFEF |
rgb(169,191,239) |
hsl(221,69%,80%) |
#7FA1E7 |
rgb(127,161,231) |
hsl(220,68%,70%) |
#5680E0 |
rgb(86,128,224) |
hsl(222,69%,61%) |
#2C61D8 |
rgb(44,97,216) |
hsl(222,69%,51%) |
#204DB2 |
rgb(32,77,178) |
hsl(222,70%,41%) |
Triad color palettes
HEX |
RGB |
HSL |
#5680E0 |
rgb(86,128,224) |
hsl(222,69%,61%) |
#E07056 |
rgb(224,112,86) |
hsl(11,69%,61%) |
#C5E056 |
rgb(197,224,86) |
hsl(72,69%,61%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#5680E0 |
rgb(86,128,224) |
hsl(222,69%,61%) |
#E0B556 |
rgb(224,181,86) |
hsl(41,69%,61%) |
#56C4E0 |
rgb(86,196,224) |
hsl(192,69%,61%) |
#C5E056 |
rgb(197,224,86) |
hsl(72,69%,61%) |