HEX #5680E4 color — Royal Blue
The color #5680E4 is a dark shade and moderately saturated.
Palette
5680E4 color palette from light to dark
HEX |
RGB |
HSL |
#f2f5fd |
rgb(242,245,253) |
hsl(222,72%,97%) |
#dce5f9 |
rgb(220,229,249) |
hsl(222,72%,92%) |
#c6d4f6 |
rgb(198,212,246) |
hsl(222,72%,87%) |
#b0c4f2 |
rgb(176,196,242) |
hsl(222,72%,82%) |
#9ab3ef |
rgb(154,179,239) |
hsl(222,72%,77%) |
#84a3eb |
rgb(132,163,235) |
hsl(222,72%,72%) |
#6e93e7 |
rgb(110,147,231) |
hsl(222,72%,67%) |
#5882e4 |
rgb(88,130,228) |
hsl(222,72%,62%) |
#4272e0 |
rgb(66,114,224) |
hsl(222,72%,57%) |
#2c61dd |
rgb(44,97,221) |
hsl(222,72%,52%) |
#2255ce |
rgb(34,85,206) |
hsl(222,72%,47%) |
#1e4cb8 |
rgb(30,76,184) |
hsl(222,72%,42%) |
#1a43a2 |
rgb(26,67,162) |
hsl(222,72%,37%) |
#173a8c |
rgb(23,58,140) |
hsl(222,72%,32%) |
#133176 |
rgb(19,49,118) |
hsl(222,72%,27%) |
#102860 |
rgb(16,40,96) |
hsl(222,72%,22%) |
#0c1f4b |
rgb(12,31,75) |
hsl(222,72%,17%) |
#091635 |
rgb(9,22,53) |
hsl(222,72%,12%) |
#050d1f |
rgb(5,13,31) |
hsl(222,72%,7%) |
#010409 |
rgb(1,4,9) |
hsl(222,72%,2%) |
Adjacent colors
HEX |
RGB |
HSL |
#56DEE4 |
rgb(86,222,228) |
hsl(183,72%,62%) |
#5680E4 |
rgb(86,128,228) |
hsl(222,72%,62%) |
#8A57E4 |
rgb(138,87,228) |
hsl(262,72%,62%) |
Monochromatic colors
HEX |
RGB |
HSL |
#D7E0F8 |
rgb(215,224,248) |
hsl(224,70%,91%) |
#ACC2F1 |
rgb(172,194,241) |
hsl(221,71%,81%) |
#81A1EA |
rgb(129,161,234) |
hsl(222,71%,71%) |
#5680E4 |
rgb(86,128,228) |
hsl(222,72%,62%) |
#2A5EDD |
rgb(42,94,221) |
hsl(223,72%,52%) |
#1D4AB8 |
rgb(29,74,184) |
hsl(223,73%,42%) |
Triad color palettes
HEX |
RGB |
HSL |
#5680E4 |
rgb(86,128,228) |
hsl(222,72%,62%) |
#E47356 |
rgb(228,115,86) |
hsl(12,72%,62%) |
#C7E356 |
rgb(199,227,86) |
hsl(72,72%,61%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#5680E4 |
rgb(86,128,228) |
hsl(222,72%,62%) |
#E4BA56 |
rgb(228,186,86) |
hsl(42,72%,62%) |
#56C7E4 |
rgb(86,199,228) |
hsl(192,72%,62%) |
#C7E356 |
rgb(199,227,86) |
hsl(72,72%,61%) |